Maison >interface Web >tutoriel HTML >Comment annoter des instructions dans le développement front-end ? Trois méthodes d'annotation (introduction)
Comment annoter des instructions dans le développement front-end ? Trois méthodes d'annotation (introduction)
- 青灯夜游original
- 2018-09-15 17:37:5213792parcourir
Dans le développement front-end, les déclarations de commentaires sont souvent nécessaires pour certaines raisons (telles que la description du code, l'annotation, etc.). Alors, comment annoter les instructions d'annotation et quelles sont les précautions à prendre pour les instructions d'annotation ? Ce chapitre vous montre comment annoter des instructions dans le développement front-end ? Trois méthodes d'annotation (introduction). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
1. HTML Balises
1. Définition : la balise de commentaire
est utilisée pour insérer des commentaires dans le code source html. Les commentaires ne seront pas affichés dans le navigateur.
2. Utilisation
<!--xxxxxx(需要注释的语句)-->
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML <!--...--> 标签</title>
<style>
*{
margin: 0;
padding: 0;
}
.demo{
width: 200px;
height: 100px;
margin: 50px auto;
}
ul li{
width: 20px;
height: 20px;
float: left;
margin: 10px;
list-style: none;
background-color: #70DBDB;
}
</style>
</head>
<body>
<div class="demo">
<p>1~5的数字，不会显示2</p>
<ul>
<li>1</li>
<!--<li>2</li>-->
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</body>
</html>Rendu :
Exemple ci-dessus, la raison pour laquelle le chiffre 2 ne peut pas être affiché sur le moniteur est que la chaîne de code qui affiche le chiffre 2 est commentée et ne peut pas être affichée. La balise
peut être utilisée pour les commentaires sur plusieurs lignes et ne peut être utilisée que dans les fichiers HTML pour commenter le code source HTML.
2. //--Commentaire sur une seule ligne
La ligne de commentaire à double barre oblique (//) ne peut être utilisée qu'en JavaScript. Les commentaires sur le code source ne peuvent être implémentés que sous forme de commentaires sur une seule ligne.
Exemple de code :
<script type="text/javascript">
//alert("Hello World!")
</script>Exécutez le code ci-dessus, la boîte de dialogue "Hello World!"
3. /*...*/--Commentaires multi-lignes
Commentaires en étoile oblique (/*.. .*/) peut être utilisé pour commenter le code source CSS et le code source JavaScript, et peut être utilisé pour commenter plusieurs lignes ensemble.
Dans le fichier source CSS :
/* 注释内容 */
/* ----------文字样式开始---------- */
/* 白色12象素文字 */
.dreamduwhite12px
{
color:white;
font-size:12px;
}
/* 黑色16象素文字 */
.dreamdublack16px
{
color:black;
font-size:16px;
}
/* ----------文字样式结束---------- */Commenter le code source peut expliquer le code et améliorer la lisibilité du code.
En JavaScript :
/* var jb51 = "www.php.cn"; var jb51 = "du"; */
Remarque :
Les commentaires excessifs en JavaScript réduiront l'efficacité de la vitesse d'exécution de JavaScript. et la vitesse de chargement, les commentaires JavaScript doivent donc être supprimés avant de publier le site Web.
En JavaScript, (/* ou */) ne peut pas apparaître dans le bloc de commentaire (/* ... */), car ce type de code peut être généré dans des expressions régulières JavaScript , cela produira des erreurs de syntaxe, il est donc recommandé d'utiliser // comme instruction de commentaire en JavaScript pour commenter le code
Résumé : <.>
Dans le processus de développement front-end, vous pouvez utiliser des commentaires pour expliquer le code et améliorer la lisibilité du code. Cela vous aidera à modifier (maintenir ou réviser) le code à l'avenir. Ceci est particulièrement utile lorsque vous écrivez beaucoup de code ; vous pouvez utiliser des balises de commentaire pour masquer les scripts qui ne sont pas pris en charge par le navigateur (afin que le script ne soit pas affiché sous forme de texte brut).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!