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

js implementiert dynamisch Operationen zum Hinzufügen und Löschen von Tabellen

In diesem Artikelbeispiel wird der spezifische Co...

JavaScript implementiert Ziehen mit der Maus, um die Div-Größe anzupassen

In diesem Artikel wird der spezifische JavaScript...

Verwendung des Vuex-Namespace

Inhaltsverzeichnis Da Vuex einen einzelnen Zustan...

Kompatibilitätsprobleme mit CSS3-Farbverlaufshintergründen

Wenn wir eine Hintergrundfarbe mit Farbverlauf er...

SQL-Implementierung von LeetCode (181. Angestellte verdienen mehr als Manager)

[LeetCode] 181.Mitarbeiter verdienen mehr als ihr...

Die Rolle der neuen Feature-Window-Funktionen von MySQL 8

Zu den neuen Funktionen in MySQL 8.0 gehören: Vol...

JavaScript zur Implementierung der Login-Schiebereglerüberprüfung

In diesem Artikelbeispiel wird der spezifische Ja...

Die umfassendsten 50 Mysql-Datenbankabfrageübungen

Diese Datenbankabfrageanweisung ist eine von 50 D...

Docker erstellt Redis5.0 und mountet Daten

Inhaltsverzeichnis 1. Einfaches Einbinden persist...

Fehler MySQL-Tabelle 'performance_schema...Lösung

Die Testumgebung ist mit MariaDB 5.7 eingerichtet...