Este o practică bună să adăugați comentarii în codul dvs. HTML, în special în documente complexe, pentru a indica secțiuni ale unui document și orice alte note oricui se uită la cod.
Comentariile vă ajută pe dvs. și pe alții să înțelegeți codul dvs. și crește lizibilitatea codului.
Comentariile HTML sunt plasate între etichetele <! - ... -> Deci, orice conținut plasat cu etichetele <! - ... -> va fi tratat ca un comentariu și va fi complet ignorat de browser, nu se afiseaza in browser.
<!DOCTYPE html>
<html>
<head>
<!-- Document Header Start -->
<title>Aici avem HTML comentarii</title>
<!-- Document Header Ends --> </head>
<body>
<!-- Aici este un comentariu -->
<p>Adaugam un text oarecare, cat avem nevoie.<br />
Ca exemplu:<br />
România Frumoasă. 15000 de aprecieri pe Facebook.
Ce-ţi doresc eu ţie, dulce Românie,
Ţara mea de glorii,
ţara mea de dor?
Braţele nervoase,
arma de tărie ....
<!-- sfarsit de paragraf --> </p>
</body>
</html>
Comentarii valide și nevalide
Un comentariu nu poate fi introdus în alt comentariu. În al doilea rând, secvența dublu-liniuță "-" poate să nu apară în interiorul unui comentariu cu exceptia etichetei --> .
De asemenea, trebuie să vă asigurați că nu există spații în șirul de început al comentariilor.
Exemplu 2:
<!DOCTYPE html>
<html>
<head>
<!-- Document Header Start -->
<title>Exemplu de comentarii valide si invalide</title>
<!-- Document Header Ends --> </head>
<body>
<!-- Aici este un comentariu valid -->
<p>Adaugam un text oarecare, cat avem nevoie.<br />
Ca exemplu:<br />
România Frumoasă. 15000 de aprecieri pe Facebook.
Ce-ţi doresc eu ţie, dulce Românie,
Ţara mea de glorii,
ţara mea de dor?
Braţele nervoase,
arma de tărie ....
<!-- sfarsit de paragraf, comentariu valid -->
< !-- sfarsit de paragraf, comentariu invalid -->
</p>
</body>
</html>
Comentarii multiline
Până acum am văzut comentarii cu o singură linie, dar HTML acceptă și comentarii cu mai multe linii.
plasată înainte de prima linie și sfârșitul ultimei linii, așa cum se arată în exemplul dat mai jos.
Exemplu 3:
<!DOCTYPE html>
<html>
<head>
<!-- Document Header Start -->
<title>Exemplu de comentariu pe mai multe linii</title>
<!-- Document Header Ends --> </head>
<body>
<!-- Aici este un comentariu valid
pe mai multe
linii
-->
<p>Adaugam un text oarecare, cat avem nevoie.<br />
Ca exemplu:<br />
România Frumoasă. 15000 de aprecieri pe Facebook.
Ce-ţi doresc eu ţie, dulce Românie,
Ţara mea de glorii,
ţara mea de dor?
Braţele nervoase,
arma de tărie ....
<!-- sfarsit de paragraf,
comentariu valid
pe mai multe linii -->
</p>
</body>
</html>
Comentarii Style Sheets
Deși veți învăța să folosiți Style Sheets cu HTML într-un tutorial separat, dacă utilizați Cascading Style Sheet (CSS) în codul dvs. HTML, atunci este recomandat să introduceți acel cod de stil în interiorul comentariilor HTML corespunzătoare astfel încât browserele vechi să funcționeze corect.
Exemplu 4:
<!DOCTYPE html>
<html>
<head>
<title>Comentarii Style Sheets Examplu:</title>
<style>
<!--
.example {
border:1px solid #4a7d49;
}
//-->
</style></head>
<body>
<!-- Aici este un comentariu valid
pe mai multe
linii
-->
<p>Adaugam un text oarecare, cat avem nevoie.<br /> Ca exemplu:<br />
<div class = "example"> România Frumoasă. 15000 de aprecieri pe Facebook.
Ce-ţi doresc eu ţie, dulce Românie,
Ţara mea de glorii,
ţara mea de dor?
Braţele nervoase,
arma de tărie ....
<!-- sfarsit de paragraf, comentariu valid pe mai multe linii -->
</p> </div>
</body>
</html>
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.