Zusammenfassung der Standardverwendung von HTML-, CSS- und JS-Kommentaren

Zusammenfassung der Standardverwendung von HTML-, CSS- und JS-Kommentaren

Das Hinzufügen der erforderlichen Kommentare ist eine gute Angewohnheit eines verantwortungsbewussten und moralischen Front-End-Entwicklers und kann die Wartbarkeit und Lesbarkeit des Codes erheblich verbessern. Zunächst müssen Sie mit dem Schreiben von Kommentaren in HTML, CSS und JS vertraut sein:

HTML-Kommentare:

<!--Kommentarinhalt-->

CSS-Kommentare:

//Kommentarinhalt einzeiliger Kommentar (nicht empfohlen, da einige Browser möglicherweise nicht kompatibel sind und dies keine Auswirkung hat)
/*Kommentarinhalt*/ Mehrzeiliger Kommentar (empfohlen)

JavaScript:

//Kommentarinhalt einzeiliger Kommentar
/*Kommentarinhalt*/ Mehrzeiliger Kommentar

Zusammenfassen:

//Inhalt kommentieren (einzeilige Kommentare in CSS oder JavaScript einfügen)
/*Kommentarinhalt*/ (Fügen Sie mehrere Kommentarzeilen in CSS oder JavaScript ein)

Als Nächstes fassen wir zusammen, wo in diesen Codetypen Kommentare verwendet werden und wie Kommentare geschrieben werden. (Kann je nach persönlichen Gewohnheiten variieren)

1. HTML-Kommentare

Wo verwendet:

1) Es wird normalerweise nach dem Ende einiger Hauptknotenbeschriftungen verwendet, z. B.:

<div Klasse="wrap">
<div Klasse="Haupt">
...
</div><!--Hauptende-->
<div><!--Umbruchende-->

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

<ul Klasse="Liste">
    <li>111111</li>
    <li>222222</li>
    <li>333333</li>
</ul><!--Listenschleife-->

Dies alles dient dazu, das Programm beim Verschachteln komfortabler und übersichtlicher zu gestalten. Wenn Sie es anderen bequem machen, machen Sie es auch für sich selbst bequem. Die Programme sind sehr chaotisch verschachtelt und ihre Änderung wird für Sie ein sehr komplizierter Vorgang sein.

2. CSS-Kommentare

Es wird normalerweise oberhalb der Definition eines Modulstils verwendet, um anzugeben, für welches Modul dieser Stil gilt, beispielsweise:

/*Allgemeines - Kommentare*/
.Kommentar{...}
/*Fotoalbum*/
.Foto{...}
/*Aktie*/
.Aktie{...}
/*Abstimmung*/
.Abstimmung{...}

3. JavaScript-Kommentare

Normalerweise werden über einer Funktion Kommentare hinzugefügt, um die Funktion, den Autor, Autoreninformationen und den Änderungszeitpunkt zu beschreiben.

//========================================================
//Zeichen abschneiden//steepvi
//rtx:*******
// 14.10.2010
//========================================================

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

Der Komprimierungsprozess ist ein nicht umkehrbarer Prozess, der sicherstellt, dass die lokale Datei die neueste und kommentierte Datei ist und nach der Komprimierung auf den Server hochgeladen wird. Serverseitige Dateien können nicht zum lokalen Debuggen verwendet werden.

Das Obige ist eine Zusammenfassung der vom Herausgeber eingeführten Standardverwendung von HTML-, CSS- und JS-Kommentaren. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Beispielcode für CSS-Flex-Layout mit automatischem Zeilenumbruch

>>:  Seitenlayout für Bootstrap 3.0-Lernnotizen

Artikel empfehlen

So verwenden Sie MySQL zur Abdeckung von Index- und Tabellenrückgabe

Zwei Hauptkategorien von Indizes Verwendete Speic...

JavaScript zum Erzielen eines Texterweiterungs- und -reduzierungseffekts

Die Implementierung des Erweiterns und Reduzieren...

Vue implementiert den Anruf der PC-Kamera, um Fotos in Echtzeit aufzunehmen

Vue ruft die PC-Kamera auf, um Bilder in Echtzeit...

JavaScript realisiert den Drag-Effekt der Modalbox

Hier ist ein Fall des Ziehens einer modalen Box. ...

Verwenden von Zabbix zum Überwachen des Ogg-Prozesses (Linux-Plattform)

Der Ogg-Prozess einer vor einiger Zeit erstellten...

MySQL etabliert eine effiziente Indexbeispielanalyse

Dieser Artikel beschreibt anhand von Beispielen, ...

Beispielcode zur Implementierung transparenter Verlaufseffekte mit CSS

Die Titelbilder in den Spalten von Zhihu Discover...

Verständnis und Anwendung des Destrukturierungsoperators von JavaScript ES6

Inhaltsverzeichnis Vorwort Die Rolle von Dekonstr...

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...

Unterschied zwischen varchar- und char-Typen in MySQL

Inhaltsverzeichnis vorgenannt VARCHAR-Typ VARCHAR...

Detailliertes Installations- und Deinstallationstutorial für MySQL 8.0.12

1. Installationsschritte für MySQL-Version 8.0.12...