Physique vs logique balisage

Original: http://webtips.dan.info/logical.html

Dan’s Web Tips:

 

 

 

Astuce : Connaître la différence entre la physique des balises HTML (visual) et logiques (structurels) et quand utiliser un ou l’autre.

Il y a deux types de balises HTML. Les balises logiques représentent la structure et la signification d’un document, avec seulement suggérés rendus pour leur apparence qui peut ou ne peut pas être suivie par divers navigateurs sous diverses configurations de système. Les balises physiques représentent des effets visuels spécifiques qui sont destinés à être reproduits de façon précise et ne portent aucune connotation quant à leur signification sémantique.

L’implémentation originale de HTML contenus tags presque tout à fait logiques, conforme à la philosophie HTML que c’était un langage structurel plutôt qu’une description de la présentation de l’écran. Quelques balises physiques a glissé en même à l’époque (par exemple <B> pour texte gras). Comme HTML a été augmentée par les teneurs de navigateur Netscape et Microsoft, un grand nombre de balises physiques ont été ajouté, avec très peu d’augmentation de l’ensemble de la logique de balise. La norme HTML 4.0 et maintenant le HTML 5.0 en cours de développement, tente de remédier à cet équilibre en introduisant quelques nouvelles balises logiques et déclarant quelques-unes des balises physiques et attributs comme « obsolète » en faveur de feuilles de style.

Conseillers de style HTML ont donné des conseils variés et contradictoires sur le fait de préférer l’utilisation de balises logiques ou physiques. Les puristes extrémistes peuvent dire d’utiliser des balises seulement logiques en tout temps, tandis que certains concepteurs graphiques préconisent l’utilisation des balises seulement physiques (parce que les logiques ont tendance, pénible à ceux d’une mentalité visual, restitution de façons très variables). Je ne suis pas la norme rigide ; au contraire, je soutiens à l’aide de n’importe quel tags faire sens pour cette application. De nos jours, ces sortes de conflits n’éclatent presque autant, puisque beaucoup de la nouvelle génération de développeurs, si logiquement ou graphiquement orientés, a appris à utiliser des feuilles de style en cascade pour maintenir le code HTML propre et simple, et la présentation séparée dans la feuille de style.

 

Quand utiliser le balisage logique

Essayez d’utiliser la logique construit chaque fois qu’ils s’adaptent à la signification que vous essayez de transmettre. Lorsque vous voulez un en-tête en haut d’une page, la balise <Н1> est un bon choix. L’alternative d’utiliser un procédé physique <FONT SIZE=”+3″> tag a l’effet négatif de pas logiquement connotant un en-tête ; n’importe quel programme qui tente de créer une structure Sommaire de votre document de ses en-têtes seront frustré lorsque vous ne les marquez comme tel. Un navigateur en mode texte comme Lynx et un programme de lecteur pour les aveugles, peut avoir une manière propre à signaler un en-tête à l’utilisateur, et ce sera inopérant sur votre document lorsque vous signalez qu’avec une police de changement qui n’a aucun sens sur ces autres appareils.
Il y a un certain nombre de balises logiques qui ont des significations spécifiques qui peuvent être utiles pour vous. <CITE> est utilisé pour entourer le titre d’un ouvrage cité (habituellement rendu en italique). <EM> désigne le texte souligné, et <STRONG> désigne l’accent, habituellement rendus en italique et gras respectivement. L’avantage d’utiliser la logique plutôt que les balises physiques dans ces cas, c’est que votre sens est véhiculé plus précisément. Le fait que les navigateurs du marché de masse n’en fait rien font avec ces distinctions pour le moment y a aucune raison de les laisser glisser ; autres logiciels peuvent quand même profiter d’eux lors de l’indexation ou de faire abstraction de vos documents. Pour ne pas mentionner les feuilles de style : un site plein de balisage physique codées en dur sera beaucoup plus difficile de convertir à l’utilisation de la feuille de style qu’un site avec une structure logique propre et simple.
Si vous sortez de la mentalité de l’artiste graphique qui exige le contrôle pixel près du rendu de votre site, vous serez en mesure de transmettre un message de votre site d’une manière sensible, indépendant de la plateforme. Essayez de ne pas vaincre la logique du HTML en évitant les balises logiques juste parce que vous n’aimez pas ce que certains d’entre eux ressemblent sur certains navigateurs. Par exemple, certains concepteurs n’aiment pas comment les points sont restitués, alors ils utilisent un saut de ligne suivi d’un graphique vide pour mettre la ligne suivante en retrait. Ce genre de chose n’est pas généralement une bonne idée, car il est susceptible de dégrader mal dans des milieux différents (par exemple, texte seulement navigation) et masquer la structure de votre document pour l’indexation des robots. Découvrez comment utiliser les feuilles de style, et vous pouvez définir l’apparence des éléments logiques de vos pages de manière beaucoup plus flexible que vous pourriez jamais avec balisage physique

Quand utiliser le balisage physique
Lorsque vous voulez obtenir des effets visuels particuliers qui ne rentre pas dans les significations structurelles des logiques diverses balises, puis les balises physiques sont une meilleure façon de le faire que l’abus de balises logiques pour significations ne pas prévues. Ainsi, si vous décidez de gras tout le texte de votre corps, juste parce qu’il semble le mieux pour vous de cette façon, utilisez la balise de <B> au lieu de la balise <STRONG> puisque “accent” n’est pas la connotation sémantique ici. L’apparition dans les navigateurs du marché de masse sera la même, mais peut-être vous avez sauvé une personne aveugle utilisant un navigateur audio d’entendre votre document entier dans un ton fort (un rendu adéquat pour l’accent, mais pas un rendu adéquat pour l’effet purement visuel de boldfacing). Si vous souhaitez tout votre texte dans une police plus grande, utilisez <FONT SIZE=”+1″> au lieu de <Н4>, depuis vous ne veux pas dire que tout votre texte est en fait un « en-tête ». 

Conseil : N’utilisez pas <UL> pour mettre en retrait un bloc de texte ou autres ces utilisations des balises logiques de façon illogique.
Ne pas abuser de balises logiques. Leur signification réelle à garder à l’esprit, non seulement leurs effets visuels sur votre navigateur particulier (qui peut varier sur d’autres navigateurs). Le sens de <UL> n’est pas « tiret de ce texte »; cela signifie « ce qui suit est une liste non numérotée », et le fait que certains navigateurs tiret c’est accessoire. (Les premières versions de WebTV ne tiret <UL> listes!) Par les spécifications HTML, le contenu uniquement approprié pour obtenir une liste de <UL> est <LI> éléments, donc le rendu des listes ne suivant pas cette syntaxe n’est pas défini ; un navigateur conforme aux standards peut se débarrasser de tout le contenu de cette section de votre document. C’est la mauvaise forme de s’appuyer sur le comportement de certains navigateurs qui va contre le sens logique d’une balise. Vous finirez juste confus de n’importe quel logiciel qui tente en fait d’interpréter le sens de votre document au lieu de juste ses regards, et vous aurez un moment difficile de convertir vos documents de nouvelles innovations comme les feuilles de style.
Malheureusement, ceux d’entre vous qui utilisent les éditeurs WYSIWYG comme DreamWeaver, ou laisser d’autres programmes tels que Microsoft Word ou Microsoft Publisher extruder HTML, n’ont probablement aucune idée si ces programmes sont génère des balises physiques, utilisé correctement les balises logiques ou abusé de balises logiques. Très probablement le code que génère un tel éditeur ne sera pas très bon comme une représentation logique de votre contenu, puisqu’il est généré selon une mise en page graphique plutôt qu’une structure logique. Raison de plus pour apprendre la syntaxe HTML et écrire vos pages à la main dans un éditeur ASCII !
Liens
  • David Siegel, l’auteur de  Creating Killer Web Sites, comprend la distinction entre des balises physiques et logiques, mais en raison de son état d’esprit graphique-conception orientée, il préconise l’utilisation du premier je soutiendrais ce dernier. Son était une des explications mieux présentées du point de vue adverse de la mienne, mais actuellement le site “KillerSites” semble être dirigé par quelqu’un d’autre et n’a plus tout à fait le plaidoyer de logique hostile qu’il par le passé.

Comments are closed.