Maison >interface Web >tutoriel HTML >Une explication détaillée des commentaires HTML et des couleurs (noms des couleurs, valeurs hexadécimales)
Une explication détaillée des commentaires HTML et des couleurs (noms des couleurs, valeurs hexadécimales)
- 青灯夜游original
- 2022-08-02 19:05:283243parcourir
Cet article vous fera découvrir les commentaires et les couleurs HTML, et partagera quelques noms de couleurs et valeurs hexadécimales couramment utilisés. J'espère qu'il sera utile à tout le monde !
1. Commentaires HTML (avec exemples)
Les commentaires HTML sont principalement utilisés pour expliquer le code dans le document. Les commentaires font également partie du code, mais le navigateur ignorera automatiquement le contenu du document. commentaires, afin que les utilisateurs ne puissent pas voir les annotations sur la page Web.
Nous devons faire bon usage des commentaires lors de l'écriture de code, car un document HTML complet se compose souvent de centaines ou de milliers de lignes de code. Lorsque nous voulons en modifier une certaine partie, cela peut prendre beaucoup de temps pour trouver ce que nous voulons. vouloir. Lieu modifié. Avec les commentaires, c'est différent. Nous pouvons diviser le programme en plusieurs parties selon des fonctions ou d'autres conditions et les marquer avec des commentaires. Cela peut vous aider, ainsi que les autres, à lire votre code et à améliorer la lisibilité du code.
Commentaires sur une seule ligne
En HTML, vous pouvez utiliser <!-- --> pour ajouter des commentaires dans le code, tout ce qui se trouve entre <!-- et --> L'exemple de code est le suivant :
<!DOCTYPE html>
<html>
<!-- head 开始 -->
<head>
<meta charset="UTF-8"> <!-- 当前文档采用UTF-8编码 -->
<title>HTML注释的写法</title>
</head>
<!-- head 结束 -->
<!-- body 开始 -->
<body>
<!-- 一段文本 -->
<p>欢迎来到PHP中文网</p>
</body>
<!-- body 结束 -->
</html>Les commentaires peuvent apparaître n'importe où dans le document HTML, y compris au début du document, à la fin du document, au milieu du document, à l'extérieur de la balise, dans le contenu de la balise, etc.
Commentaires sur plusieurs lignes
Nous avons principalement démontré les commentaires sur une seule ligne plus tôt, mais les commentaires sur plusieurs lignes sont également pris en charge en HTML. La différence entre les commentaires sur plusieurs lignes et les commentaires sur une seule ligne n'est pas grande. Il suffit de s'assurer que le contenu du commentaire est entre <!--和-->, comme indiqué ci-dessous :
<!--
多行注释
-->En plus d'expliquer le code, les commentaires peuvent également être utilisés. pour annoter le programme. Par exemple, si vous ne souhaitez pas qu'un certain morceau de code soit exécuté, vous pouvez d'abord le commenter afin que le navigateur n'exécute pas le code.
Commentaires conditionnels IE
Les commentaires conditionnels ne sont valables que dans le navigateur Internet Explorer (IE) sur les systèmes Windows, les autres navigateurs les ignoreront. À partir d'IE5, les commentaires conditionnels sont pris en charge. Vous pouvez utiliser des commentaires conditionnels pour fournir des instructions aux utilisateurs utilisant le navigateur IE. Comme indiqué ci-dessous :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IE浏览器条件注释</title>
</head>
<body>
<h4>根据不同的 IE 版本显示不同的内容</h4>
<!-- 如果使用 IE，则显示 -->
<!--[if IE]>
<p>您正在使用IE浏览器</p>
<![endif]-->
<!-- 如果使用 IE8，则显示 -->
<!--[if IE 8]>
<p>您正在使用 IE8</p>
<![endif]-->
<!-- 如果不是使用 IE7，则显示 -->
<!--[if !IE 7]>
<p>您使用的不是 IE7</p>
<![endif]-->
<!-- 如果版本小于 IE10，则显示 -->
<!--[if lt IE 10]>
<p>您正在使用 IE10 以下的版本</p>
<![endif]-->
<!-- 如果版本大于等于 IE6，则显示 -->
<!--[if gte IE 6]>
<p>您正在使用 IE6 及其以上的版本</p>
<![endif]-->
</body>
</html>L'effet exécuté sous IE8 :
 "165943790142580Une explication détaillée des commentaires HTML et des couleurs (noms des couleurs, valeurs hexadécimales)")
L'effet exécuté sous le navigateur Chrome :
Les commentaires conditionnels peuvent détecter si le navigateur actuel est IE et la version IE, développeur Différentes feuilles de style ou les scripts JS peuvent être chargés selon différents navigateurs IE.
La comparaison des versions d'IE utilisera les mots-clés suivants :
lt : l'abréviation de moins que, ce qui signifie moins que.
lte : Abréviation de inférieur ou égal à, ce qui signifie inférieur ou égal à.
gt : L'abréviation de supérieur à, qui signifie supérieur à.
gte : Abréviation de supérieur ou égal à, ce qui signifie supérieur ou égal à.
! : Pas égal à
Le navigateur IE n'est pas très convivial avec le support HTML5, et le comportement des versions inférieures est encore plus étrange. IE s'est progressivement retiré du marché et les grands géants de l'Internet ne sont plus compatibles avec. IE. Tout le monde est dans le processus de développement. Il n'est pas nécessaire de se concentrer sur IE.
2. Paramétrage des valeurs de couleur HTML
La couleur HTML est un mélange de rouge, de vert et de bleu.
1. Les navigateurs prennent tous en charge les jeux de noms de couleurs. La valeur de couleur est un mot-clé ou un nombre au format RVB, qui est souvent utilisé au milieu des pages Web.
2. Utilisez des mots anglais comme valeurs de couleur :
rouge vert bleu | rose |
3． Valeur de couleur hexadécimale à six chiffres :
#ff0000 Abréviation : #f00
Les deux premiers chiffres représentent le rouge, les deux chiffres du milieu représentent le vert et les deux derniers chiffres représentent le bleu.
Cliquez sur un nom de couleur ou une valeur hexadécimale pour afficher les couleurs d'arrière-plan qui correspondent aux différentes couleurs de texte.
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!
Articles Liés
Voir plus- Comment annuler la bordure en HTML5
- Qu'est-ce que la sémantique des balises HTML5
- Quelle est la signification du stockage Web en HTML5
- Quel est le rôle de l'attribut data en HTML5
- Que signifie la conception réactive HTML5 ?
- Langage de balisage hypertexte HTML – Où est l'hyper ? (analyse de documents)
- Un article explique en détail les balises et les attributs HTML (une brève analyse de la structure principale)