Séparation du fond et de la forme

Exemple de code CSS, dont le rôle est de définir la forme d'un site Web

En informatique, la séparation du fond et de la forme est un point important de la création et de la gestion d'un document par outil informatique.

Définition

La séparation du fond et de la forme consiste à séparer le message d'un document de sa présentation. On définira d'un côté le corps du document, par exemple le texte d'un article Wikipédia, et de l'autre côté la forme, comme la présentation des titres et des paragraphes.

Concept

Avec l’avènement du numérique dans la création documentaire, les pratiques d’écriture ont changé. L'informatique apporte une couche abstraite supplémentaire à l’écriture et à la forme documentaire et change la définition de ce que nous pouvons appeler communément un document. Ce domaine propose des techniques clés qui montrent que les auteurs sont amenés à changer leurs pratiques.

Un même document peut par exemple être multisupport. Le multisupport correspond en fait à la caractéristique d'un document à être présenté sur différents supports. Typiquement, un cours donné par un professeur peut être présenté aux élèves de manières variées, sur des supports différents : un support papier comme un polycopié, un diaporama (Powerpoint, Beamer ou autre) et/ou un site internet interactif[1]. Chacun de ces supports aura des exigences de présentation différentes. Pour plus de cohérence et d'efficacité, les auteurs ont intérêt à construire des contenus pouvant être publiés sur différents supports.

Ces nouvelles contraintes amènent l’auteur à séparer le fond de la forme de son document. D'où l'émergence de chaînes éditoriales du type WYSIWYM qui exigent cette approche contrairement aux traitements de texte type WYSIWYG qui ne font que la permettre et, par manque de formation, sont le plus souvent mal utilisés de manière spontanée.

Intérêt

La séparation du fond et de la forme n'est pas une nécessité en soi ; elle n'est pas liée à une contrainte du logiciel ou du matériel.

Traditionnellement, la création d'un document — article, livre, affiche, tract… — était assurée par plusieurs métiers spécialisés : l'auteur, qui rédigeait le texte, le ou les correcteurs, le typographe qui s'assurait de la mise en page. L'outil informatique, lorsque le fond est bien balisé et séparé de la forme, réalise ces tâches automatiquement, en sous-produit de la rédaction. Comme il y a dissociation des deux aspects, ils peuvent être modifiés séparément : il est ainsi facile de tester plusieurs présentations d'un même document.

La séparation du fond et de la forme facilite ces essais et l'intervention de plusieurs auteurs (multi-authoring).

L'auteur se concentre sur le contenu du document. La mise en forme est traitée avant (mise en page à l'écran pour la rédaction confortable) ou après (pour la publication sous diverses formes), souvent déléguée à quelqu'un d'autre : secrétaire ou graphiste.

Elle permet également la recherche de tous les éléments de même type, par exemple pour en faire une liste : table des matières (liste de titres), liste de figures, de tableaux, référencement (références croisées, moteur de recherche, inclusion dans une base de données)…

La séparation du fond et de la forme facilite également la migration d'un document vers d'autres formes (single sourcing) : un fichier à imprimer en page web ou vice versa, génération d'une aide électronique à partir du document à imprimer… Cela facilite également l'interprétation par d'autres logiciels : logiciel de sortie en braille ou de lecture vocale (accessibilité) par exemple.

La séparation du fond et de la forme devient vite nécessaire avec les documents de grande taille. Cependant, c'est une bonne habitude à prendre, et d'aucuns la recommandent également pour les documents de petite taille.

Exemple

Les titres d'un texte se distinguent, pour le lecteur, du corps du texte par leur police (fonte, corps, graisse…) et leur mise en page (filets, espaces, alignement…). On pourrait, à chaque fois que l'on rencontre un titre, définir sa typographie, mais :

  • on risquerait de ne pas définir à chaque fois rigoureusement la même typographie, et donc de ne pas avoir un document homogène ;
  • si l'on veut changer cette mise en forme, il faudrait retrouver tous les titres et le faire individuellement.

Autre exemple : au sein d'un texte, les éléments de code d'un programme, les noms de programme, les entrées au clavier et les messages à l'écran sont souvent en police à chasse fixe (type Courier). Si l'on veut modifier la police d'un de ces éléments, une recherche de la mise en forme nous donnerait la totalité des éléments précités, ce qui serait peu efficace. Et la tâche est d'autant plus fastidieuse que les occurrences sont fréquentes.

Le problème est multiplié :

  • lorsque plusieurs personnes éditent des documents de la même collection : comment assurer la cohérence et d'ailleurs comment la vérifier ?
  • lorsqu'un document existe et que son format ou le support du document doit changer : passage du A4 au A5 par exemple, ou bien publication sur papier et en ligne ;
  • lorsque les documents ont plusieurs destinataires qui exigent chacun l'usage de norme propre, par exemple la Snecma pour plusieurs avionneurs, ou un arsenal pour les trois armées de terre, de l'air et de mer, sans oublier les ventes à des armées étrangères ;
  • il n'est pas possible au lecteur de personnaliser l'apparence : les préférences de l'auteur s'imposent.

Si le logiciel le permet, il vaut donc mieux indiquer la fonction de l'élément de texte — dans notre exemple « titre de chapitre », « titre de section », « nom de programme »… — et indiquer une seule fois dans le document, ou mieux encore hors du document (c'est la notion de profil ou de feuille de style), comment les éléments de ce type sont mis en forme. L'auteur indique à la machine, avec sa terminologie, ce qu'il écrit. La machine réalise automatiquement la mise en forme à partir de cette indication formelle de la nature de l'information inscrite. La machine exécute automatiquement — dès la rédaction, après compilation (p. ex. LaTeX) ou lors de l'interprétation (p. ex. XHTML/CSS) — un travail autrefois réalisé lors de la transcription du manuscrit. La machine demande seulement plus de rigueur dans l'expression qu'une dactylo ou un compositeur. Pour simplifier les collaborations, il est préférable que la terminologie utilisée pour décrire le contenu du document soit normalisée.

Cette considération a été à l'origine du marquage GML (Generalized Markup Language), par Goldfarb en 1979, qui devint par la suite la norme SGML. Le CERN utilisant beaucoup GML en créa une extension pour Internet qui rencontra un succès planétaire : HTML.

Applications

Création de pages web

Pour la création de pages web, il est recommandé d'écrire le contenu en XHTML (ou en HTML), et de décrire la mise en forme en CSS, de préférence placée dans un fichier séparé.

Parmi les bonnes habitudes à prendre :

  • utiliser la balise <em>…</em> — mise en emphase, qui indique la fonction de la portion de texte, et peut être retranscrit en italiques, en couleur (pour un affichage en mode texte) ou par une intonation particulière de la voix pour un lecteur vocal — plutôt que <i>…</i> (mise en italiques) ;
  • utiliser la balise <strong>…</strong> (mise en emphase forte) plutôt que <b>…</b> (caractères gras) ;
  • utiliser la balise <code>…</code> (code source de programme) plutôt que <tt>…</tt> (style machine à écrire) ;
  • utiliser la balise <q>citation</q> plutôt que "citation" ou «&nbsp;citation&nbsp;».

Sites Web

Certains sites Web font remplir un formulaire et s'en servent pour produire un document. C'est par exemple le cas des sites proposant de mettre un CV en ligne : on remplit un certain nombre de champs (état civil, diplômes, expériences…) et la mise en forme est faite par le moteur du site.

Traitement de texte

Les logiciels de traitement de texte modernes permettent en général la définition de styles.

Ainsi, on indiquera qu'une portion de texte est dans un style déterminé, correspondant à la désignation fonctionnelle de l'information, et la mise en forme du style sera définie dans la boîte de dialogue de définition des styles.

Il faut veiller soigneusement à ce que le nom des styles ait une signification fonctionnelle et non typographique. On écrira par exemple « Titre de chapitre » et non « Titre centré ». Plusieurs styles peuvent parfaitement avoir, cela étant, le même aspect typographique à un moment donné, mais les différencier permettra de les différencier dans le futur.

Ainsi par exemple, lorsqu'IBM introduisit en 1979 le GML, la marque « titre » (:h1) ne se différenciait dans ses effets de la marque « mise en relief » (:hi1) que par un saut de ligne conditionnel ; pour le reste, l'imprimante effectuait juste une mise en gras par double frappe. Lorsque quatre ans plus tard apparurent chez ce constructeur ses premières imprimantes typographiques, les mises en relief :hi1 se traduisirent par de l'italique à corps égal, et les titres :h1 par du corps 14 romain gras, sans que l'on ait une virgule à changer aux textes eux-mêmes ; par ailleurs, ces textes restaient également imprimables sur des imprimantes classiques : le GML s'était révélé un cheval de Troie pour inciter toute sa clientèle à passer immédiatement à la typographie, puisque les bénéfices en étaient immédiats.

Avec le traitement de texte, la séparation du fond et de la forme exige de ne placer aucun caractère de mise en page superflu : paragraphes vides, tabulations en début de ligne — ou d'ailleurs où que ce soit —, sauts de page non exigés par la fonction, espaces multiples, etc. En effet, tout caractère de mise en page non indispensable est de la « forme » qui pollue le « fond ». Certains programmes tentent de les retirer automatiquement, mais leur fiabilité n'est pas parfaite.

LaTeX

Le langage et système de composition de documents LaTeX dispose d'environnements ou d'instruction permettant la séparation fond/forme : \chapter{…}, \section{…}, \begin{tabular}…\end{tabular}, … On peut également définir des macro-instructions (commandes personnelles) dans l'en-tête, par exemple

\newcommand{\NomFichier}{\texttt}

pour mettre les noms de fichiers en police à chasse fixe.

MediaWiki

Avec le logiciel MediaWiki, qu'utilise Wikipédia, les titres sont signalés par des signes égal (voir Aide:Syntaxe > Titre), ce qui permet de générer un sommaire de la page, les liens par deux paires de crochets (voir Aide:Syntaxe > Les liens), les tableaux sont dans des paires accolade/tube (voir Aide:Syntaxe > Tableaux). Il s'agit là de description du fond. La mise en forme est déterminée automatiquement ; elle est personnalisable si vous êtes un utilisateur enregistré (voir Aide:Préférences utilisateur).

La séparation fond/forme passe aussi par la création de modèles (voir Aide:Modèle) : dans le corps du texte, on indique simplement le modèle, et la mise en forme est définie dans la page de modèle. C'est le cas par exemple du modèle {{API}} pour la phonétique internationale, le modèle {{s}} pour les siècles, le modèle {{Chiffrage mesure}} pour le chiffrage des mesures de musique sur Wikibooks…

Le logiciel générant in fine du HTML avec une feuille de style CSS, on peut aussi utiliser des classes, comme la classe explain pour les explications :

<span class="explain" title="Société nationale des chemins de fer">SNCF</span>
donne
SNCF.

Notes et références

  1. Crozat, Stéphane, Chaînes éditoriales et rééditorialisation de contenus numériques

Voir aussi

Bibliographie

Articles connexes

Read other articles:

Devin Nunes Devin Gerald Nunes (/ˈnuːnɛs/;[1] lahir 1 Oktober 1973) adalah seorang politikus dan mantan peternak susu asal Amerika Serikat yang menjabat sebagai anggota DPR sejak 2003. Sebagai anggota Partai Republik, Nunes menjadi Ketua House Intelligence Committee dari 2015 sampai 2019. Ia juga merupakan anggota tim transisi Presiden Donald Trump.[2] Referensi ^ New Day – Devin Nunes di YouTube ^ Essential Politics November archives. Los Angeles Times. Diak...

 

Artikel ini tidak memiliki referensi atau sumber tepercaya sehingga isinya tidak bisa dipastikan. Tolong bantu perbaiki artikel ini dengan menambahkan referensi yang layak. Tulisan tanpa sumber dapat dipertanyakan dan dihapus sewaktu-waktu.Cari sumber: Transparency International – berita · surat kabar · buku · cendekiawan · JSTORTransparency International e.V.SingkatanTITanggal pendirian1993 (1993)StatusEingetragener Verein (German registered volu...

 

Jalur Timur BaratJalur Timur Barat diwarna hijau di petaIkhtisarNama asliLaluan Timur BaratEast West Line东西地铁线கிழக்கு மேற்கு எம்ஆர்டி வழிJenisTransportasi Cepat MassalSistemMRT (Singapura)StatusOperasionalLokasiSingapuraTerminusPasir Ris Bandara ChangiTanah MerahTuas LinkStasiun35Layanan2OperasiDibuka12 Desember 1987PemilikLand Transport AuthorityOperatorSMRTKarakteristik lintasLayang (Pasir Ris–Kallang, Redhill–Tuas Link, Expo)Ba...

Surinamese football club Football clubTakdier BoysFull nameSociaal Cultureel Sport Vereniging Takdier BoysFounded15 August 1952; 71 years ago (1952-08-15)GroundEddy Blackman Stadion, Livorno, SurinameCapacity2,000LeagueHoofdklasse2015–168th Home colours Sociaal Cultureel Sport Vereniging Takdier Boys also SCSV Takdier Boys or simply Takdier Boys, are a Surinamese football (soccer) club from Livorno, Suriname founded in 1952. The club compete in the Hoofdklasse, the highest...

 

Island in Tasmania, Australia This article is about the Tasmania island within the Furneaux Group. For the Tasmanian islet in the Hogan Group, see Long Islet (Tasmania). For other places with the same name, see Long Island (disambiguation). Long IslandView from south-east from Cape Barren Island (below) towards Long Island (upper left) and the smaller Doughboy Island (upper right).Long IslandLocation of the Long Island in Bass StraitGeographyLocationBass StraitArchipelagoLong Island Group, pa...

 

Pour les articles homonymes, voir Gini. Ne doit pas être confondu avec Moyenne de Gini. Coefficient de GiniType Indice (d), nombre caractéristique (en)Nommé en référence à Corrado GiniFormule G = | 1 − ∑ k = 1 n ( X k − X k − 1 ) ( Y k + Y k − 1 ) | {\displaystyle G=\left\vert 1-\sum _{k=1}^{n}(X_{k}-X_{k-1})(Y_{k}+Y_{k-1})\right\vert } modifier - modifier le code - modifier Wikidata Le coefficient de Gini, ou indice de Gini, est une mesure statistiqu...

Frankish noble This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Robert the Strong – news · newspapers · books · scholar · JSTOR (January 2018) (Learn how and when to remove this template message) Robert the StrongCount of WormsCount of OrléansCount of AnjouCount of ToursCount of BloisRobert the Strong's imag...

 

Johannes Brenz BiografiKelahiran24 Juni 1499 Weil der Stadt Kematian11 September 1570 (71 tahun)Stuttgart Tempat pemakamanStuttgart Collegiate Church Galat: Kedua parameter tahun harus terisi! Data pribadiNama samaranJohannes Witling Johannes Witlingius Ulrich Encaustius Ulrich Encaustus Joannes Witlingius Huldrychus Encaustus Huldreich Engster Ulricus Encaustius AgamaGereja Lutheran PendidikanUniversitas Ruprecht Karl Heidelberg KegiatanPekerjaanteolog KeluargaPasangan nikahKatharina Brenz A...

 

Village in the canton of Valais, Switzerland View of Ovronnaz and the Rhone valley Ovronnaz is a village located in the canton of Valais, Switzerland. It lies in the municipality of Leytron, close to Martigny. The village is located on the south side of the Bernese Alps, on a terrace above the Rhone river, at an altitude of 1,330 metres. The region is surrounded by the summits of Grand Chavalard, Petit and Grand Muveran and Haut de Cry. Ovronnaz is both a small ski resort and a spa resort. Ex...

Untuk kegunaan lain, lihat Lazarus. LazarusBerkas:Lazarus-screen.jpg LazarusTipeLingkungan pengembangan terpadu dan perangkat lunak bebas Versi pertamaJanuari 2001 (2001-01)Versi stabil 3.2.0 (28 Februari 2024) LisensiGNU General Public License (IDE), GNU Lesser General Public License v3 [1] (LCL), Mozilla Public License dan lain-lain (komponen pihak ketiga)BahasaInggris dan Prancis Daftar bahasa Internasional Klasifikasi Alexa44.985 EponimLazarus Karakteristik teknisSistem opera...

 

Correctional facility where convicts work on a farm Mississippi State Penitentiary, an American prison farm in Sunflower County, Mississippi Louisiana State Penitentiary, an American prison farm in West Feliciana Parish, Louisiana A prison farm (also known as a penal farm) is a large correctional facility where penal labor convicts are forced to work—legally or illegally—on a farm (in the wide sense of a productive unit), usually for manual labor, largely in the open air, such as in agric...

 

У этого термина существуют и другие значения, см. Министерство культуры. Эмблема Министерства культуры и массовых коммуникаций Министерство культуры и массовых коммуникаций Российской Федерации — федеральное министерство в 2004—2008 гг., осуществлявшее функции по в...

密西西比州 哥伦布城市綽號:Possum Town哥伦布位于密西西比州的位置坐标:33°30′06″N 88°24′54″W / 33.501666666667°N 88.415°W / 33.501666666667; -88.415国家 美國州密西西比州县朗兹县始建于1821年政府 • 市长罗伯特·史密斯 (民主党)面积 • 总计22.3 平方英里(57.8 平方公里) • 陸地21.4 平方英里(55.5 平方公里) • ...

 

Apple Records Empresa matriz Apple CorpsFundación 1968Fundador(es) The BeatlesDistribuidor Parlophone y Capitol RecordsGénero(s) Rock, Música de India, Experimental, Música Clásica, PopPaís Reino UnidoLocalización Londreshttp://www.applerecords.com/[editar datos en Wikidata] Apple Records es un sello discográfico fundado en 1968 como división de Apple Corps por el grupo de rock británico The Beatles. Hasta 1975, EMI y Capitol Records acordaron la distribución del material...

 

For other Koreatowns, see Koreatown. Neighborhood of Los Angeles in California, United StatesKoreatownNeighborhood of Los AngelesCity of Los Angeles Koreatown markerNickname: K-TownKoreatownApproximate location in Los AngelesCoordinates: 34°03′42″N 118°18′02″W / 34.0618°N 118.3006°W / 34.0618; -118.3006CountryUnited StatesStateCaliforniaCountyLos AngelesCityLos AngelesGovernment • City CouncilHeather Hutt, Nithya Raman, Mitch O'Farrell...

Revolution that overthrew President Kurmanbek Bakiyev 2010 Kyrgyz RevolutionAn opposition-captured vehicle burns near the capitol building during citywide protests and riots in Bishkek, Kyrgyzstan on 7 April 2010. Guards can be seen to the left of the smoke.Date6 April – 15 April 2010(1 week and 2 days)LocationKyrgyzstanCaused by Authoritarianism Economic and energy crises MethodsProtests, riotsResulted inDemocratization of Kyrgyzstan Resignation of president Kurmanbek Bakiyev and...

 

Judul yang benar dari artikel ini adalah Code#02 Pretty Pretty. penggantian tanda # karena keterbatasan teknis. Code#02 Pretty PrettyAlbum mini karya Ladies' CodeDirilis6 September 2013 (Korea Selatan)Direkam2013Genre K-pop dance balada Durasi16:20BahasaKoreaLabel Polaris Entertainment CJ E&M Music CMCC-10156Kronologi Ladies' Code Code#01 Bad Girl (2013)Code#01 Bad Girl2013 Code#02 Pretty Pretty(2013) Myst3ry (2016)Myst3ry2016 Singel dalam album Code 02 Pretty Pretty Hate YouDirilis: ...

 

2016年夏季奥林匹克运动会利比里亚代表團利比里亚国旗IOC編碼LBRNOC賴比瑞亞國家奧林匹克委員會2016年夏季奥林匹克运动会(里約熱內盧)2016年8月5日至8月21日運動員2參賽項目1个大项旗手开幕式、闭幕式:Emmanuel Matadi(田径)[1][2]历届奥林匹克运动会参赛记录(总结)夏季奥林匹克运动会195619601964196819721976198019841988199219962000200420082012201620202024 2016年夏季奥林匹克...

  لمعانٍ أخرى، طالع بيتر ناغي (توضيح). هذه المقالة يتيمة إذ تصل إليها مقالات أخرى قليلة جدًا. فضلًا، ساعد بإضافة وصلة إليها في مقالات متعلقة بها. (يوليو 2019) بيتر ناغي (بالسلوفاكية: Peter Nagy)‏  معلومات شخصية الميلاد 17 ديسمبر 1964   براتيسلافا  الوفاة 3 ديسمبر 2021 (56 سنة) [...

 

Serie B 2022-23 El Estadio San Nicola de Bari, volverá a acoger partidos de la Serie B, tras el ascenso del S. S. Bari, desde la Serie C.Datos generalesSede  ItaliaFecha 12 de agosto de 202219 de mayo de 2023Edición 91.ªOrganizador FIGCPalmarésCampeón FrosinoneSubcampeón GenoaDatos estadísticosParticipantes 20Partidos 380Goles 891 (2.34 por partido)Goleador Gianluca Lapadula (25) Intercambio de plazas Ascenso(s): FrosinoneGenoaCagliari Descenso(s): BresciaPerugiaSPALBeneventoCrono...