Les raccourcis HTML5

HTML 5 est moins strict que XHTML en ce qui concerne le respect des règles de balisage et autorise un certain nombre de raccourcis que nous présente rapidement Dudley Storey.

Par

HTML 5 est moins strict que XHTML en ce qui concerne le respect des règles de balisage et autorise un certain nombre de raccourcis :

  • Les balises peuvent être écrites en majuscules, en minuscules ou en mÉlAngeaNt les deux.
  • Vous pouvez souvent vous passer des balises fermantes : </li>, </dt>, </dd>, </tr>, </th>, </td>, </thead>, </tfoot>, </tbody>, </option>, </optgroup>, </p> (dans la plupart des cas), </head>, </body>, et </html> ne sont pas obligatoires.
  • Les guillemets entourant les valeurs d’attributs ne sont obligatoires que s’il y a des espaces ou des caractères non alphanumériques (par exemple un point d’interrogation). Donc, sont acceptés : <div id=wrapper>, ainsi que <img src=assets/images/Niagara.jpg ...> mais pas : <img alt=Chutes du Niagara ...>
  • Aucun attribut type n’est obligatoire dans les scripts ou les stylesheets : un lien vers une feuille de style CSS peut être écrit <link rel=stylesheet href=styles.css>
  • Vous pouvez éliminer http: dans un lien : <a href="http://www.example.com/index.html"> devient <a href=//example.com> (ce dernier point n’est pas spécifique à HTML5, mais c’est sympa quand même). Remarque : ce n’est pas vrai des liens https !

Vous verrez ces raccourcis utilisés dans plusieurs articles de ce blog (demosthenes.info) afin de gagner de la place. Si vous êtes nouveau dans l’apprentissage du développement web, je vous conseille toutefois de respecter les règles de base de l’écriture du code HTML. Une fois que vous serez mieux familiarisés avec HTML, vous pourrez commencer à introduire quelques exceptions. Vous verrez d’ailleurs que certains éditeurs de textes et autres IDEs, comme DreamWeaver, combattent farouchement toute tentative d’utilisation de raccourcis et fermeront automatiquement vos balises si vous n’avez pas modifié leur réglage initial.


Intéressé par HTML ? Retrouvez une liste des meilleurs articles et ressources du web.

Tous les articles sur HTML parus dans la Cascade.


Du même auteur dans La Cascade :

Image révélée au grattage avec SVG et CSS Blend Modes
Créer de superbes diagrammes avec SVG et CSS Blend Modes
Backgrounds Pop-Art avec SVG et CSS Blend Modes
Motifs SVG japonais
Contraste de texte automatique avec CSS Blend Modes
Backgrounds SVG, les rayures
Diagonales et motifs SVG en background
Les bases de SVG : Lignes simples et multiples
Les bases de SVG : Polygones
Les bases de SVG : Cercles et Ellipses
Les bases de SVG : Rectangles et Carrés
Brood X : Le principe des cigales en CSS
5 règles pour rendre SVG accessible
3 raisons d’utiliser HSL pour vos couleurs
Utiliser HSL pour vos couleurs
Effets vidéo HTML5 avec CSS Blend-Modes
Un carrousel responsif en pur CSS
Combiner CSS clip-path et Shapes
Appropriation culturelle : utiliser les collections des musées
Créer un player audio en HTML5 (3 articles)
Qu’est-ce qu’un élément remplacé ?
Utiliser CSS object-fit
Stores vénitiens 3D en CSS
CSS : Aider la veuve et l’orphelin
Toi seul : utiliser only-child de CSS
Créer un background vidéo fullscreen avec HTML5
Rendre un SVG responsif
La première variable CSS : currentColor
Empty, une pseudo-classe pas si vide
Les raccourcis HTML5


original paru le dans le blog de Dudley Storey, the new code.

Sur l’auteur : est enseignant, auteur, artisan et cycliste, il vit à Calgary, dans l’État de l’Alberta au Canada. Passionné par le web et le développement (mobile) qu'il enseigne depuis 15 ans, il est l’auteur de Pro CSS3 Animation, et publie régulièrement dans son blog demosthenes.info des articles sur HTML, CSS et SVG. On peut le suivre sur Twitter ou Google+.

Traduit avec l’aimable autorisation de l’auteur.
Copyright Dudley Storey © 2013.