Wie kommentiere ich Anweisungen in der Front-End-Entwicklung? Drei Annotationsmethoden (Einführung)-HTML-Tutorial-php.cn

Wie kommentiere ich Anweisungen in der Front-End-Entwicklung? Drei Annotationsmethoden (Einführung)

青灯夜游

Freigeben： 2018-09-15 17:37:52

Original

13806 Leute haben es durchsucht

In der Front-End-Entwicklung werden aus bestimmten Gründen häufig Kommentaranweisungen benötigt (z. B. Codebeschreibung, Anmerkung usw.). Wie werden also Anmerkungsanweisungen mit Anmerkungen versehen, und welche Vorsichtsmaßnahmen gibt es für Anmerkungsanweisungen? In diesem Kapitel erfahren Sie, wie Sie Anweisungen in der Front-End-Entwicklung mit Anmerkungen versehen. Drei Annotationsmethoden (Einführung). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

1. HTML 🎜>1. Definition: Kommentar-Tag wird zum Einfügen von Kommentaren in den HTML-Quellcode verwendet. Kommentare werden nicht im Browser angezeigt.

2. Verwendung

<!--xxxxxx(需要注释的语句)-->

Nach dem Login kopieren

Codebeispiel:

<!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>

Nach dem Login kopieren

Rendering:

Im obigen Beispiel die Zahl 2 Der Grund, warum es nicht auf dem Monitor angezeigt werden kann, liegt darin, dass die Codezeichenfolge, die die Nummer 2 anzeigt, auskommentiert ist und nicht angezeigt werden kann.

-Tag kann für mehrzeilige Kommentare verwendet werden und kann nur in HTML-Dateien zum Kommentieren von HTML-Quellcode verwendet werden. Wie kommentiere ich Anweisungen in der Front-End-Entwicklung? Drei Annotationsmethoden (Einführung)

2. //--Einzeiliger Kommentar

Doppelte Schrägstrich-Kommentarzeile (//) kann nur in JavaScript verwendet werden Kommentare zum Quellcode können nur als einzeilige Kommentare implementiert werden. Codebeispiel:

<script type="text/javascript">
//alert("Hello World!")
</script>

Nach dem Login kopieren

Führen Sie den obigen Code aus. Das Dialogfeld „Hallo Welt!“ wird nicht angezeigt.

3. /*...*/--Mehrzeilige Kommentare

Kommentare mit Schrägstrich (/*.. .*/) kann zum Kommentieren von CSS-Quellcode und JavaScript-Quellcode sowie zum gemeinsamen Kommentieren mehrerer Zeilen verwendet werden. In der CSS-Quelldatei:

/* 注释内容 */ 
/* ----------文字样式开始---------- */ 
/* 白色12象素文字 */ 
.dreamduwhite12px 
{ 
color:white; 
font-size:12px; 
} 
/* 黑色16象素文字 */ 
.dreamdublack16px 
{ 
color:black; 
font-size:16px; 
} 
/* ----------文字样式结束---------- */

Nach dem Login kopieren

Das Kommentieren des Quellcodes kann den Code erklären und die Lesbarkeit des Codes verbessern.

In JavaScript:

/* var jb51 = "www.php.cn"; 
var jb51 = "du"; 
*/

Nach dem Login kopieren

Hinweis:

Übermäßige Kommentare in JavaScript verlangsamen die Ausführungsgeschwindigkeit von JavaScript und das Laden Daher müssen vor der Veröffentlichung der Website JavaScript-Kommentare entfernt werden.

In JavaScript kann (/* oder */) nicht im Kommentarblock (/* ... */) erscheinen, da diese Art von Code in regulären JavaScript-Ausdrücken generiert werden kann , dies führt zu Syntaxfehlern, daher wird empfohlen, // als Kommentaranweisung in JavaScript zu verwenden, um den Code zu kommentieren:
Im Prozess der Frontend-Entwicklung können Sie Kommentare verwenden, um den Code zu erläutern und die Lesbarkeit des Codes zu verbessern. Dies wird Ihnen bei der zukünftigen Bearbeitung (Pflege oder Überprüfung) des Codes helfen. Dies ist besonders nützlich, wenn Sie viel Code schreiben; Sie können Kommentar-Tags verwenden, um Skripte auszublenden, die vom Browser nicht unterstützt werden (sodass das Skript nicht als einfacher Text angezeigt wird).

Das obige ist der detaillierte Inhalt vonWie kommentiere ich Anweisungen in der Front-End-Entwicklung? Drei Annotationsmethoden (Einführung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!