Detaillierte Analyse der Rolle von HTML-Kommentar-Tags <!--...-->

Wenn wir den Quellcode vieler Websites überprüfen, werden wir viele Kommentare finden, insbesondere das Sina.com-Kommentar-Tag, das zum Einfügen von Kommentaren in das Quelldokument verwendet wird. Der Kommentartext wird im Allgemeinen als Referenz für Programmierer verwendet, insbesondere für den Quellcode großer Websites, die von mehreren Personen entwickelt werden. Wenn keine Kommentare vorhanden sind, kann der von Programmierer A geschriebene Code von Programmierer B nicht erkannt werden. Wenn Programmierer A also geht, ist der von ihm geschriebene Code schwer zu warten. Mit Kommentaren wird der Code leichter verständlich.

HTML-Kommentare zum Quellcode von Sina.com (grüner Text sind Kommentare)

HTML-Kommentare werden vom Browser ignoriert und HTML-Kommentare, die direkt in den Quellcode der Website geschrieben werden, werden im Frontend nicht angezeigt. Wie in der Abbildung oben gezeigt, sind die grünen Teile Kommentare und werden nicht angezeigt. Durch den grünen Text oben können wir erkennen, was dieser Code bedeutet und wo der Code beginnt und endet. Das HTML-Kommentarformat ist wie folgt:

Erweiterte Funktionen von HTML-Kommentaren

Wie der Name schon sagt, sind HTML-Kommentare eine Art Kommentar, der die interne Struktur eines Programms erklärt. Tatsächlich handelt es sich dabei nur um eine grundlegende Funktion. Doch gerade weil diese Funktionen von Front-End-Browsern ignoriert werden, untersuchen moderne Webprogramme die Annotationen eingehender, wodurch sie immer nützlicher werden.

Auswirkungen auf CSS/JS auf der Seite

HTML-Kommentare werden auch für Javascript- und CSS-Codes innerhalb einer Seite verwendet. Viele ältere Browser oder Browser, die Javascript und CSS nicht erkennen können, zeigen Text häufig an, wenn der Code direkt geschrieben ist, was das Lesen stark beeinträchtigt.

Der obige Code verwendet keine HTML-Kommentare. Wenn er in einigen alten mobilen Browsern und Versionen unter IE6 aufgerufen wird, wird der folgende Text angezeigt:

Auch wenn diese älteren Browser Tags wie <style> und <script> nicht erkennen, werden diese Tags gemäß dem Tag-Non-Display-Prinzip nicht angezeigt und als nicht erkennbare benutzerdefinierte Tags behandelt. Der Text innerhalb dieser Tags wird direkt angezeigt. Es besteht kein Zweifel, dass diese CSS- und Javascript-Codes nicht angezeigt werden sollen. Wenn Sie also den folgenden kommentierten Code verwenden, werden CSS und Javascript nicht angezeigt.

HTML-Kommentare werden im MVC-Design verwendet

Viele moderne Open-Source-Codeprojekte, insbesondere solche im MVC-Webdesignstil, fügen einige Kommentare in den herkömmlichen HTML-Code ein und fügen diesen Kommentaren dann Inhalte wie beispielsweise Werbung hinzu.



Discuz verwendet HTML-Kommentare, um Code einzufügen und Discuz-Code zu beurteilen