Kommentieren Sie mehrere Zeilen HTML-Code

Shubham Vora 20 Juni 2023
  1. Verwenden Sie das Tag <!- -->, um mehrere Zeilen HTML-Code auszukommentieren
  2. Verwenden Sie die Tastenkombination, um mehrere Zeilen des HTML-Codes auszukommentieren
Kommentieren Sie mehrere Zeilen HTML-Code

In diesem Artikel lernen Benutzer, Kommentare zu mehreren Zeilen HTML-Code auf einmal hinzuzufügen. Wenn wir die HTML-Kommentare einfach definieren, handelt es sich um Codestücke oder Anweisungen, die nicht vom Browser gerendert oder angezeigt werden.

Es kann zwei Szenarien geben, in denen wir unseren Code kommentieren müssen. Das erste Szenario besteht darin, einige HTML-Elemente vor dem Rendern im Browser zu verbergen, und ein weiteres Szenario besteht darin, unseren Entwicklerkollegen unseren Code zu erklären.

Benutzer können ohne Kommentar oder Erklärung über die Webseiten nachdenken, die Tausende von Codezeilen enthalten, und was passiert, wenn ein neuer Entwickler diesen Code sieht. Werden sie es verstehen? Nö!

Es besteht also die Notwendigkeit, die einzelne Zeile oder mehrere Zeilen im HTML-Code auszukommentieren.

Verwenden Sie das Tag <!- -->, um mehrere Zeilen HTML-Code auszukommentieren

In den vergangenen Jahrzehnten enthielt HTML das Tag <comment>, um den Code auszukommentieren, aber derzeit ist es veraltet.

Heute fungiert <!-- –> als Kommentar-Tag und wird von allen modernen Browsern unterstützt. Es enthält hauptsächlich 3 Teile.

Der erste Teil ist das <!--. Wir müssen es vor die erste Zeile setzen, ab der wir den Kommentar beginnen müssen.

Auffällig ist hier das Ausrufezeichen. Benutzer sollten nicht vergessen, es hinzuzufügen.

Der zweite Teil enthält den Kommentarinhalt. Es kann sich um alles Mögliche wie Codeerklärungen oder HTML-Tags handeln, die wir vor dem Rendern im Browser verbergen müssen.

Der dritte Teil ist das --> zum Schließen des Kommentars, das wir hinter die letzte Zeile des Kommentars setzen müssen.

Beispielcode:

<html>
    <head>
        <title>Multiple line comment Example.</title>
    </head>
    <body>
        <!--   This is the code explanation comment.
        <p>This will not be shown on the browser.</p>
        -->
        <p>Code to render.<p>
    </body>
</html>

Im obigen Beispiel haben wir Kommentare zu 2 Zeilen HTML-Code hinzugefügt.

Die erste Zeile erklärt den Code, die zweite Zeile enthält das <p>-Tag. Wir haben also auch gelernt, die HTML-Tags auszukommentieren, indem wir ein Beispiel gegeben haben.

Verwenden Sie die Tastenkombination, um mehrere Zeilen des HTML-Codes auszukommentieren

Benutzer können die Tastenkombination verwenden, um mehrere Zeilen des HTML-Codes auszukommentieren.

Dazu müssen Benutzer alle Zeilen des HTML-Codes auswählen, die sie auskommentieren möchten. Wenn Sie ein macOS-Benutzer sind, drücken Sie danach die Tasten Command+/ zusammen; andernfalls drücken Sie Strg+/, wenn Sie ein Windows- oder Linux-Benutzer sind.

Bei dieser Methode werden jedoch auch die mehreren Zeilen, die kommentiert werden müssen, zwischen das Tag <!-- --> eingefügt.

Benutzer können auch das <!-- –> verwenden, um eine einzelne Zeile HTML-Code zu kommentieren.

Shubham Vora avatar Shubham Vora avatar

Shubham is a software developer interested in learning and writing about various technologies. He loves to help people by sharing vast knowledge about modern technologies via different platforms such as the DelftStack.com website.

LinkedIn GitHub

Verwandter Artikel - HTML Comment