Heim  >  Artikel  >  Web-Frontend  >  Standardverwendung von HTML-, CSS- und JS-Kommentaren

Standardverwendung von HTML-, CSS- und JS-Kommentaren

巴扎黑
巴扎黑Original
2017-05-14 13:52:371870Durchsuche

Das Hinzufügen notwendiger Kommentare ist eine gute Angewohnheit, die ein verantwortungsbewusstes und ethisches Front-End haben muss, was die Wartbarkeit und Lesbarkeit des Codes erheblich verbessern kann. Der unten stehende Herausgeber stellt Ihnen eine Zusammenfassung der Standardverwendung von HTML-, CSS- und JS-Kommentaren vor. Freunde, die sie benötigen, können darauf verweisen.

Fügen Sie die erforderlichen Kommentare hinzu, was für einen verantwortungsbewussten Benutzer ein Muss ist Ethische Frontend-Gewohnheiten können die Wartbarkeit und Lesbarkeit von Code erheblich verbessern. Zunächst muss jeder damit vertraut sein, wie man HTML-, CSS- und JS-Kommentare schreibt:

HTML-Kommentare:

8a9b6645d3e7bb5ac53e59a98c29dae6

CSS-Kommentare:

//Kommentarinhalt einzeiliger Kommentar (nicht empfohlen, da einige Browser möglicherweise inkompatibel sind und keine Wirkung haben)
/* Kommentarinhalt*/ Mehrzeilige Kommentare (empfohlen)

JavaScript:

//Kommentarinhalt Einzeiliger Kommentar
/*Kommentarinhalt*/ Mehrzeiliger Kommentar Zeilenkommentar

Zusammenfassung:

//Kommentarinhalt (einzeilige Kommentare in CSS oder Javascript einfügen)
/*Kommentarinhalt*/ (mehrfach einfügen) Zeilenkommentare in CSS oder Javascript)

Im Folgenden finden Sie eine Zusammenfassung darüber, wo Kommentare in diesen Codetypen verwendet werden und wie Kommentare geschrieben werden. (Es kann je nach persönlichen Gewohnheiten unterschiedlich sein)

1. HTML-Anmerkung

Verwendeter Ort:

1) Wird im Allgemeinen in einigen wichtigen Knoten verwendet Ende des Etiketts, wie zum Beispiel:


<p class="wrap">
<p class="main">
...
</p><!--main end-->
<p><!--wrap end-->

2) Wird nach dem Ende einiger Schleifen verwendet, wie zum Beispiel:


<ul class="list">
    <li>111111</li>
    <li>222222</li>
    <li>333333</li>
</ul><!--list loop-->

All dies dient dazu, das Programm im verschachtelten Zustand komfortabler und übersichtlicher zu gestalten. Wenn es für andere bequem ist, ist es auch für Sie selbst bequem. Das Verschachteln von Programmen ist sehr chaotisch und es wird für Sie ein sehr komplizierter Prozess sein, es zu ändern.

2. CSS-Kommentare

werden im Allgemeinen beim Definieren eines Modulstils verwendet, um anzugeben, auf welches Modul dieser Stil angewendet wird, wie zum Beispiel:


/*通用 - 评论*/
.comment{...}
/*相册*/
.photo{...}
/*分享*/
.share{...}
/*投票*/
.vote{...}

3. JavaScript-Kommentare

Im Allgemeinen werden Kommentare über einer bestimmten Funktion hinzugefügt, um die Funktion, den Autor, die Autoreninformationen und den Änderungszeitpunkt zu erläutern.


//========================================================
//      截断字符
//      steepvi
//      rtx:*******
//      2010-10-14
//========================================================

Schließlich sind Kommentare auch Zeichen und generieren Traffic. Daher ist es am besten, bei der Veröffentlichung der Seite unter der offiziellen Adresse einen weiteren Optimierungsprozess hinzuzufügen.

Der Komprimierungsprozess ist ein nicht umgekehrter Prozess, der sicherstellt, dass die lokalen Dateien die neuesten und mit Anmerkungen versehenen Dateien sind und nach der Komprimierung auf den Server hochgeladen werden. Serverseitige Dateien können nicht für das lokale Debuggen verwendet werden.

Das obige ist der detaillierte Inhalt vonStandardverwendung von HTML-, CSS- und JS-Kommentaren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn