À propos des commentaires de code en HTML

Cet article partage principalement un article sur les commentaires de code en HTML. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l’éditeur et jetons un coup d’œil.

Commentaires HTML

Dans le code HTML, le texte entre les balises commentaires, le contenu des commentaires ne sera pas affiché sur la page du navigateur. Les commentaires ne sont visibles que lorsque vous ouvrez le document dans un éditeur de texte ou avec l'option « Afficher la source » de votre navigateur.

Il existe deux types de commentaires en HTML, l'un est un commentaire de code HTML et l'autre est un commentaire conditionnel IE.

1. Commentaires du code HTML

Dans un document volumineux, les commentaires sont utilisés pour indiquer le début et la fin du bloc, qui peuvent être facilement trouvés, ou vous pouvez utiliser des commentaires pour empêcher l'affichage de certains contenus.

Lorsque vous écrivez beaucoup de code, c'est une bonne habitude de commenter le code clé. Commenter pour expliquer l'intention d'un certain morceau de code peut vous aider à vous rappeler ou à ceux qui ont besoin de travailler sur ce site Web. ce que fait ce code.

C'est également une bonne pratique d'utiliser des commentaires pour masquer les scripts afin que les navigateurs qui ne prennent pas en charge les scripts n'affichent pas le script sous forme de texte brut. Tels que :

<script type="text/javascript">
<!--
function displayMsg() {
    alert("Hello World!")
}
//-->
</script>

2. Commentaires conditionnels IE

Les commentaires conditionnels IE sont une extension du navigateur IE aux commentaires de code HTML. instruction qui peut importer de manière flexible différents éléments HTML, tels que des feuilles de style, des balises HTML, etc. pour différentes versions d'IE.

Les commentaires conditionnels sont apparus pour la première fois dans IE5 et sont pris en charge par les versions ultérieures. Sa syntaxe est un commentaire HTML ordinaire. Les navigateurs autres que IE l'ignoreront en tant que commentaire. Par conséquent, il peut passer la vérification du W3C et n’affectera pas les autres navigateurs.

La fonction des commentaires conditionnels est très puissante. Elle peut effectuer un jugement conditionnel et décider d'analyser le contenu du commentaire conditionnel en fonction du fait que le résultat du jugement est vrai ou faux.

Le jugement conditionnel commence par . Il peut être jugé en fonction de IE, non-IE et de la version. d'IE Le numéro de version peut être jugé par le numéro, et le numéro de version peut être précis à 4 décimales près. Par exemple :

<!--[if IE]> <![endif]-->      /* 所有IE，无论哪个版本 */
<!--[if IE 6]> <![endif]-->    /* 如果IE版本是6 */

Le jugement conditionnel prend également en charge supérieur à (gt : supérieur à), inférieur à (lt : inférieur à), supérieur ou égal à (gte : supérieur ou égal), inférieur à ou égal à (lte : inférieur ou égal), ou (|), et (&), et non (!), parenthèses. Par exemple :

<!--[if gt IE 6]> <![endif]-->             /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]-->            / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]-->          /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]-->             /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]-->  / * 如果IE版本大于6，且小于等于9 * /

À l'aide de commentaires conditionnels, de nombreux problèmes de compatibilité avec IE peuvent être résolus. Par exemple, les versions inférieures à IE9 ne prennent pas en charge les nouveaux éléments HTML5 header, nav, side, footer, etc. Il existe un grand nombre de scripts html5shiv sur Internet qui peuvent résoudre ce problème. Téléchargez simplement le script correspondant et utilisez les commentaires conditionnels d'IE en tête de page pour permettre aux versions inférieures à IE9 de charger le script, afin que ces anciens navigateurs puissent prendre en charge les nouveaux éléments HTML5.

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Vous pouvez également utiliser la même méthode pour résoudre les problèmes de compatibilité CSS. Par exemple, si IE6 ne prend pas en charge certaines nouvelles fonctionnalités CSS, vous pouvez écrire un fichier CSS spécifiquement pour IE6 et laisser uniquement IE6 le charger :

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

La bonne nouvelle est qu'à partir d'IE10, les commentaires conditionnels sont n'est plus supporté. Cela marque le début de la maturité et de la standardisation d'IE, et les concepteurs Web n'ont plus à être dérangés par les problèmes de compatibilité d'IE.

Recommandations associées :

spécification des commentaires HTML

Commentaires sur le code HTML

Commentaires sur le code HTML

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!