Comentarii

HTML | Stefanescu Mihai | 2020-10-11

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>

 



Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.
       

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

AnyDesk Crack
AnyDesk Crack | 2023-06-21 14:24
AnyDesk Crack License Key often is the key to all apps, photos, files, together with other files on your own desktop. Along with your data stays where it belongs. There is absolutely no other site to the hard disk. The UI is easy, easy to work

Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.

🗝ïļ Login 🌟 Register

🔖 Bookmarks ⊞
âœĻ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌊ïļ Discord ⊞

Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.

⮆ïļ