Comentarii în HTML

Comentarii HTML

Comentariile HTML nu sunt afișate în browser, dar te ajută să documentezi codul sursă HTML cu note și memento-uri.

Tag-ul de Comentariu HTML

Adaugi un comentariu cu această sintaxă: . Observă că semnul exclamării (!) este în tag-ul de deschidere, dar nu și în cel de închidere.

Notă: Comentariile nu sunt afișate de browser, dar ajută la documentarea codului tău.

Sintaxa comentariului

Forma unui comentariu HTML.

<!-- Write your comments here -->

Adaugă Comentarii

Poți pune note și memento-uri în codul tău cu comentarii.

Exemplu

Comentarii folosite ca note în jurul unui paragraf.

O pagină care folosește comentarii HTML ca note și mementouri în jurul unui paragraf, arătând că comentariile nu apar în browser.

> Output: pagină HTML completă

Prompt

O pagină care folosește comentarii HTML ca note și mementouri în jurul unui paragraf, arătând că comentariile nu apar în browser.

Output: pagină HTML completă

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adăugare Comentarii</title>
</head>
<body>

<!-- Acesta este un comentariu -->

<p>Acesta este un paragraf.</p>

<!-- Nu uita să adaugi mai multe informații aici -->

</body>
</html>

Ascunde Conținut

Comentariile pot ascunde conținut, ceea ce este util atunci când vrei să elimini temporar ceva. Tot ce se află între  este ascuns din vedere, fie că e o linie sau mai multe.

Comentariile sunt de asemenea excelente pentru depanare: poți comenta linii una câte una pentru a găsi erori.

Ascunde un paragraf

Un singur paragraf comentat, astfel încât să nu se afișeze.

O pagină cu trei paragrafe scurte în care paragraful din mijloc este comentat, astfel încât sunt afișate doar două.

> Output: pagină HTML completă

Prompt

O pagină cu trei paragrafe scurte în care paragraful din mijloc este comentat, astfel încât sunt afișate doar două.

Output: pagină HTML completă

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ascunde Conținut</title>
</head>
<body>

<p>Acesta este un paragraf.</p>

<!-- <p>Acesta este un alt paragraf </p> -->

<p>Acesta este de asemenea un paragraf.</p>

</body>
</html>

Ascunde o secțiune

Un bloc întreg de HTML ascuns într-un comentariu pe mai multe linii.

O pagină în care un întreg bloc de HTML (un titlu și o imagine) este ascuns într-un comentariu pe mai multe linii, între două paragrafe vizibile.

> Rezultat: pagină HTML completă

Prompt

O pagină în care un întreg bloc de HTML (un titlu și o imagine) este ascuns într-un comentariu pe mai multe linii, între două paragrafe vizibile.

Rezultat: pagină HTML completă

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ascunde Secțiune</title>
</head>
<body>

<p>Acesta este un paragraf.</p>
<!--
<p>Uită-te la această imagine grozavă:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>Acesta este de asemenea un paragraf.</p>

</body>
</html>

Ascunde Conținut Inline

Comentariile pot ascunde și o parte din mijlocul unei linii de HTML.

Exemplu

Un comentariu care ascunde o parte din textul unui paragraf.

O pagină cu un singur paragraf care are un comentariu în mijlocul textului, ascunzând acea parte din interiorul liniei: „Acesta este un paragraf.” cu un comentariu ascuns între This și is.

> Rezultat: pagină HTML completă

Prompt

O pagină cu un singur paragraf care are un comentariu în mijlocul textului, ascunzând acea parte din interiorul liniei: „Acesta este un paragraf.” cu un comentariu ascuns între This și is.

Rezultat: pagină HTML completă

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ascunde Inline</title>
</head>
<body>

<p>Acesta <!-- text grozav --> este un paragraf.</p>

</body>
</html>