Komentarze w HTML

W HTML komentarze służą do dodawania notatek w kodzie, które nie są widoczne dla użytkownika przeglądającego stronę. Komentarze zaczynają się od <!-- i kończą -->.

Struktura komentarza w HTML

        <!-- To jest komentarz -->

Wyjaśnienie

<!-- oznacza początek komentarza.
Tekst wewnątrz <!-- i --> jest ignorowany przez przeglądarkę.
--> kończy komentarz.

Przykłady użycia komentarzy

Dodanie notatek do kodu

        <!DOCTYPE html>
        <html>
        <head>
            <title>Przykład Komentarzy</title>
        </head>
        <body>
            <!-- To jest nagłówek strony -->
            <h1>Witamy na stronie</h1>
        
            <!-- Tutaj będzie sekcja główna -->
            <p>To jest przykładowy paragraf tekstu.</p>
        </body>
        </html>

Ukrywanie fragmentu kodu podczas testowania

        <!DOCTYPE html>
        <html>
        <head>
            <title>Testowanie</title>
        </head>
        <body>
            <h1>Widoczny nagłówek</h1>
            <!-- <p>Ten paragraf jest ukryty w komentarzu.</p> -->
        </body>
        </html>

Wyjaśnienie fragmentów kodu dla innych programistów

        <!-- Sekcja nawigacji strony -->
        <nav>
            <ul>
                <li><a href="index.html">Strona główna</a></li>
                <li><a href="about.html">O nas</a></li>
                <li><a href="contact.html">Kontakt</a></li>
            </ul>
        </nav>

Zastosowanie komentarzy w debugowaniu

        <!--
        <script>
            console.log("To jest problematyczny kod JS");
        </script>
        -->
        
        <p>Strona działa poprawnie bez tego kodu.</p>

Uwagi

Komentarze w HTML nie mogą być zagnieżdżane. Przykład:

        <!-- To jest poprawne -->
        <!-- <p>To jest komentarz.</p> -->
        
        <!-- To jest błąd -->
        <!-- <!-- Zagnieżdżony komentarz --> -->

Komentarze nie powinny zawierać znaków -- w środku, ponieważ może to spowodować błąd parsowania:

        <!-- To jest błędny komentarz: <!-- Ten tekst --> -->

Komentarze w HTML to świetne narzędzie do dokumentowania i organizacji kodu.