Certains HTML sont 'facultatifs'

HTML offre une flexibilité surprenante. Certains éléments et attributs, bien que techniquement facultatifs, sont automatiquement gérés par les navigateurs, entraînant un balisage valide. Cela peut conduire à un code apparemment incomplet qui se rend toujours correctement.

Considérez cet exemple:

<p> Paragraphe un.
</p><p>Paragraphe deux.
</p><p>Paragraphe trois.</p>

Bien qu'inhabituel, la fermeture manquante

Les balises sont acceptables. Le navigateur les ajoute implicitement pendant la construction DOM. Cela se produit souvent à l'insu du développeur. Une autre instance:

Cela semble complet, mais le navigateur insère un<tbody> élément autour du<code><tr> . De même, le<code><tbody> lui-même est souvent facultatif. Même<code><link> Les balises peuvent omettre leur étiquette de clôture, comme le montre Jens Oliver Meiert:

<link href="default.css" rel="stylesheet">

Certains attributs ont également des valeurs par défaut, ce qui les rend éventuellement omittables. Par exemple, un<button></button> L'élément est automatiquement un<button type="submit"></button> .

Bien que ces omissions puissent être considérées comme des optimisations (réduction de la taille du fichier et améliorant les temps de chargement), je préfère le HTML plus explicite. Le potentiel d'erreurs dans les scénarios complexes l'emporte sur le gain mineur des performances. Des noms de fichiers non cités, par exemple, peuvent causer des problèmes. L'omission des étiquettes de clôture peut affecter de façon inattendue les éléments de frères et sœurs. Je priorise la clarté du code et la maintenabilité. La différence de performance est généralement négligeable, similaire au débat autour de l'optimisation du sélecteur CSS.

La rigueur de JSX dans l'application du HTML complet est attrayant, améliore la lisibilité du code et simplifiant des outils de mise en forme comme plus jolis. Cependant, des outils automatisés comme HTMLMINIFIER peuvent résoudre ce problème, en optimisant la sortie compilée sans sacrifier la clarté du code dans la source.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!