Comentarii

postat acum 2 ani de Stefanescu Mihai in categorie HTML

Un comentariu este un cod ignorat de orice browser. Este recomandat sa adaugati comentarii in codul vostru HTML, mai ales cand lucrati cu documente complexe, pentru a indica sectiunea din document si alte notite care va pot ajuta mai tarziu. Comentariile te ajuta pe tine cat si pe altii care vor lucra pe acel cod la un moment dat.

Comentariile HTML sunt trecute intre <!– si –>. Deci, orice text trecut intre aceste tag-uri va di tratat ca un comentariu si va fi ignorat complet.

<!DOCTYPE html>
<html>
<head>  <!-- Headerul documentului incepe aici -->
<title>Titlul paginii</title>
</head> <!-- Headerul documentului se termina aici -->
<body>
<p>Aici va fi postat continutul.</p>
</body>
</html>

Comentarii valide si invalide

Comentariile nu sunt imbricabile, ceea ce inseamna ca nu putem scrie un comentariu in interiorul unui comentariu. De asemenea, nu putem pune doua liniute “–” in interiorul unui comentariu (cu exceptia tag-urilor).
Comentariu Valid

<!DOCTYPE html>
<html>
<head>
<title>Comentariu Valid</title>
</head>
<body>
<!-- Acesta este un comentariu valid -->
<p>Continutul aici....</p>
</body>
</html>

Comentariu Invalid

<!DOCTYPE html>
<html>
<head>
<title>Comentariu invalid</title>
</head>
<body>
< !-- Acesta este un comentariu invalid -->
<p>Continutul aici....</p>
</body>
</html>

Acest comentariu va fi afisat in browser.

Comentariile pe mai multe linii

Pana acum am discutat doar de comentariile pe o singura linie, dar putem scrie si comentarii pe mai multe linii foarte simplu.

<!DOCTYPE html>
<html>
<head>
<title>Comentariu pe mai multe linii</title>
</head>
<body>
< !-- 
Acesta este un comentariu
pe mai multe linii...
 -->
<p>Continutul aici....</p>
</body>
</html>

Comentarii conditionale

Comentariile conditionale functioneaza doar in Internet Explorer in Windows si sunt ignorate de alte browsere. Sunt suportate de la IE5 pana in prezent si pot fi folosite pentru a da instructiuni conditionale in functie de versiunea browserului.

<!DOCTYPE html><html>
<head>  
<title>Comentarii Conditionale</title>

<!--[if IE 6]>
   Instructiune pentru IE 6 aici
<![endif]-->

</head> 
<body>
<p>Continut aici.....</p>
</body>
</html>

Tag-urile Comment

Sunt cateva browsere ce suporta tag-ul <comment> pentru a comenta o parte din codul HTML.

<!DOCTYPE html><html>
<head>
<title>Tagul Comment</title>
</head>
<body>
<p>Acest browser <comment>nu</comment> suporta Tagul.</p>
</body>
</html>

Comentarea codului Scripturilor

Daca cititi acest tutorial probabil nu cunoasteti Javascript sau VBScript, dar am sa va zic si acest lucru.

Este important sa punem codul JS sau VBScript in comentarii astfel incat site sa functinoeze si in browserele mai vechi.

<!DOCTYPE html><html>
<head>
<title>Cometariu Script</title>
<script>
<!-- 
   document.write("Salut www.invata-programare.ro!")
//-->
</script>
</head>
<body>
<p>Salut www.invata-programare.ro!</p>
</body>
</html>

Acest cod va printa de 2 ori pe ercan textul “Salut www.invata-programare.ro!“.

Comentari Stiluri

Exact ca si in cazul Scripturilor, trebuie sa punem codul CSS in comentarii pentru a face site-ul sa functioneze si in browserele mai vechi.

<!DOCTYPE html><html>
<head>
<title>Comentarii cod stil</title>
<style>
<!--
.exemplu {
  border:1px solid #ff0000;
}
//-->
</style>
</head>
<body>
<div class="exemplu">Comentarii cod stil!</div>
</body>
</html>

 

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!