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

Windows-Plattformkonfiguration Version 5.7 + MySQL-Datenbankdienst

Beinhaltet den Prozess der Initialisierung des Ro...

Beispiele für die Verwendung von „Provide“ und „Inject“ in Vue2.0/3.0

Inhaltsverzeichnis 1. Was ist der Nutzen von Prov...

Wie implementiert MySQL ACID-Transaktionen?

Vorwort Kürzlich wurde ich in einem Interview gef...

Erfahren Sie schnell, wie Sie mit der Vuex-Statusverwaltung in Vue3.0 beginnen

Vuex ist ein speziell für Vue.js-Anwendungen entw...

Achten Sie bei der Webseitenerstellung auf die Verwendung von HTML-Tags

HTML hat versucht, sich von der Präsentation weg ...

Zusammenfassung der Methoden zum Bereinigen von Mysql general_log

Methode 1: GLOBAL festlegen general_log = "A...

Schritte zum Installieren einer RocketMQ-Instanz unter Linux

1. JDK installieren 1.1 Überprüfen Sie, ob die ak...

10 HTML-Tabellen-bezogene Tags

Tatsächlich werden viele Leute sagen: „Ich habe ge...

jQuery implementiert Formularvalidierungsfunktion

Beispiel für die Validierung eines jQuery-Formula...