Note HTML. Ce sunt comentariile în codul html și cum să le pun

Înainte de a învăța cum să faci comentarii în HTML, trebuie să înțelegi pentru ce sunt acestea. Dacă sunteți interesat de astfel de informații, atunci probabil că știți deja, așa că nu ne vom opri asupra acestei probleme. Unii oameni nu acordă suficientă atenție plasării comentariilor în codul lor. În site-urile cu o singură pagină, o astfel de eroare poate trece neobservată. Dar când vine vorba de portaluri uriașe, comentariile mici vor economisi timp și îți vor face viața mai ușoară. În plus, notele permit altor dezvoltatori să vă înțeleagă codul atunci când este nevoie de explicații suplimentare.

Ţintă

Crearea unei pagini HTML este uneori imposibilă fără coduri confuze și etichete care se repetă mereu. Clase noi, selectoare, indicatori de id etc. Toate acestea te pot înnebuni literalmente. Comentariile HTML sunt concepute pentru a ușura situația dezvoltatorilor web. La urma urmei, atunci când codul site-ului se întinde departe, poate fi dificil să ne amintim unde este. Sunt comentariile care te ajută să faci note mici direct în codul html care nu vor fi vizibile pentru utilizatorii tăi. Începătorii folosesc rar această etichetă. Dar specialiștii cu experiență evidențiază enormul proprietate utilă comentarii. Această etichetă este deosebit de eficientă atunci când mai mulți dezvoltatori lucrează la cod simultan. În loc să puneți întrebări de fiecare dată și să vă întrerupeți partenerul de la serviciu, trebuie doar să vă uitați prin comentarii.

Creare

Pentru ca o nouă linie cu un comentariu să apară în codul dvs., trebuie să adăugați următoarea intrare:. Exact așa arată această etichetă în html. Orice se află în interiorul acestuia nu va fi afișat pe ecranul utilizatorilor. Comentariile HTML nu trebuie să se întindă pe mai multe rânduri și să conțină vreun cod (acesta este considerat o formă proastă). Acestea ar trebui să ofere doar o descriere a intenției dezvoltatorului cu privire la inserarea acelei etichete, atribute sau valori specifice. Deși printre nivel inalt Există o opinie printre experți că codul ar trebui scris astfel încât să nu fie necesară o explicație suplimentară. Dar, din păcate, nu toată lumea are un astfel de dar pentru a scrie pagini HTML.

Particularități

Etichetăare unele caracteristici proprii. De exemplu, puteți adăuga orice alte etichete în interiorul acestuia, dar nu puteți crea comentarii imbricate. Acest lucru va duce la un rezultat neașteptat în totalitate. Comentariile în html sunt utilizate pe scară largă pentru testarea paginilor web. De exemplu, atunci când trebuie să vă uitați la un site fără o anumită etichetă, dar nu o puteți șterge, deoarece va fi dificil să restaurați întregul sursă. În acest caz, trebuie doar să plasați partea necesară a paginii în comentarii. Și apoi eticheta va fi ignorată de browser. Dar este de remarcat faptul că toate comentariile pot fi urmărite dacă deschideți codul sursă al paginii. Și fiecare utilizator poate face asta. Prin urmare, nu ar trebui să plasați niciunul Informații importanteîn interiorul acestei etichete.

Uneori este nevoie să comentați codul html. De ce ar putea fi necesar acest lucru? Pentru a-i dezactiva acțiunea pentru o perioadă de timp, dar nu a o elimina complet. Este doar convenabil, așa că în acest articol voi vorbi despre cum se face.

Cum să comentezi o linie în html

Există o etichetă specială pentru asta -. Tot codul care trebuie comentat este lipit în el. De exemplu, există trei paragrafe în html. Din anumite motive, trebuie să eliminați temporar unul dintre ele, dar nu să îl eliminați din cod.

Așa se folosește această etichetă pentru a comenta html. Colțarul se deschide mai întâi, apoi pleacă Semn de exclamareși două cratime. Apoi, trebuie să scrieți ceva care se va transforma direct într-un comentariu.

În cazul nostru, acesta este codul care creează paragraful. Astfel, browserul va ignora acest cod, va rămâne vizibil doar în editor de text, dar nu o veți vedea pe pagina web. Comentariul trebuie, de asemenea, închis cu o cratimă dublă și o paranteză unghiulară.

Puteți comenta câte rânduri doriți în HTML. Doar închideți eticheta unde doriți să încheiați comentariul. Dacă utilizați un editor de cod normal, partea comentată va fi evidențiată diferit. De exemplu, în Notepad++ arata cam asa:

De ce sunt necesare comentarii în html?

În general, dezvoltatorii web le lasă atunci când creează un site web, pentru ca mai târziu să fie mai ușor pentru ei și pentru alții să înțeleagă codul. Acesta este un ton de dezvoltare foarte bun, deoarece chiar și oamenii care sunt puțin versați în crearea site-ului web pot cel puțin să navigheze cumva prin cod pe baza unor comentarii clare.

De asemenea, după cum am menționat deja, puteți include alte etichete într-un comentariu și, astfel, le puteți dezactiva efectul pentru o perioadă de timp. Aceasta este o tehnică excelentă pentru detectarea erorilor de aspect atunci când trebuie să găsiți motivul afișare incorectă vreun element.

Acum știi cum funcționează, pentru ce este și cum să comentezi singur html-ul.

Voi începe acest articol cu ​​ce sunt comentariile. Să presupunem că dezvoltați un modul cu o structură complexă. Sau faci un aspect cu multe elemente imbricate. În astfel de cazuri, cel mai bine este să marcați cumva unele secțiuni ale codului - pentru asta sunt comentariile.

Acum voi arăta în detaliu patru tipuri de comentarii, sau mai bine zis, toate tipurile lor pentru patru coduri diferite.

Comentarii în marcaj HTML

Pentru a adăuga un comentariu la marcajul HTML, utilizați:

Tot ceea ce apare în aceste etichete nu este vizibil pe ecran, dar este disponibil pentru vizualizare în codul sursă.

Comentarii în stiluri CSS

Pentru a adăuga un comentariu la stilurile CSS, utilizați:

Tot ceea ce apare în aceste etichete nu este luat în considerare la crearea stilurilor, dar este disponibil pentru vizualizare în fișierul de stiluri în sine.

Comentarii în cod JavaScript

Pentru a adăuga comentarii în JavaScript există doua tipuri.

Primul tip:

// Text, cod sau altele

Al doilea tip:

/* Text, cod sau altele */

Orice din aceste etichete nu este luat în considerare atunci când scriptul este executat, dar este disponibil pentru vizualizare în fișierul JavaScript însuși.

Comentarii în cod PHP

Acest limbaj de programare, spre deosebire de cele precedente, are 3 tipuri de comentarii.

Primul tip:

// Text, cod sau altele

Al doilea tip:

/* Text, cod sau altele */

Și al treilea tip:

# Text, cod sau altele

Tot ceea ce apare în aceste etichete nu este luat în considerare atunci când scriptul este executat și este vizibil doar în fișierul PHP propriu-zis.

Notă!

/* /* Codul meu */ */

iti va da o eroare.

O zi bună tuturor, dragii mei prieteni. Mă bucur foarte mult să te văd pe paginile blogului meu și sper că și tu ești interesat să fii aici. De macarÎncerc să rămân așa. Și astăzi am pentru dvs. un subiect simplu despre construirea site-ului, a cărui utilizare nu va afecta în niciun fel site-ul în sine, dar vă va face mai ușor pentru dvs. și pentru ceilalți utilizatori să „căpătați codul”.

Astăzi vom vorbi despre comentarii htmlîn cod. Chestia asta e foarte tare. Și deși nu este obligatoriu, tot te încurajez să folosești aceste lucruri. Nu este un secret că proiectași am comandat layout-ul blogului meu de la anumite persoane: Yulia și Andrey.

Așa că, uneori, vreau să corectez ceva în cod și, pentru a nu deranja încă o dată pe designerul de layout cu fleacuri, mă duc la editor și corectez singur codul (dacă este în puterea mea). Iar comentariile pe care Andrey le-a lăsat în cod o fac mult mai ușoară acest proces. De asemenea, comentariile ajută dacă ți-ai făcut treaba și ai plecat. Apoi, o altă persoană va putea înțelege codul dvs. mai repede.

Ei bine, acum să vedem cum să le facem folosind un exemplu live:

1. Să mergem la orice document html unde avem ceva conținut.
2. Acum, înainte de orice intrare pune, altfel întregul conținut al paginii va deveni un mare comentariu)).

In realitate arata asa:

Ei bine, acum, dacă salvăm documentul și îl deschidem în browser, ce vom vedea? Și nu vom vedea nimic. Sau, mai degrabă, nu vom vedea nicio schimbare, din moment ce tot ce este înăuntrudevine automat invizibil pentru browser.

Și apropo, acum vă voi spune despre utilizarea foarte relevantă a acestor etichete folosind propriul meu exemplu. Când designerul de layout mi-a făcut un site web, conform condițiilor de proiectare, două bannere erau amplasate în bara laterală din dreapta, sau mai bine zis locuri speciale pentru ei. Nu am de gând să pun încă niciun banner, așa că am decis să le scot pentru o vreme, astfel încât ochii să nu devină o bătaie de vedere.

Desigur, nu am intenționat să le elimin din cod, dar cum le pot elimina atunci? Bineînțeles că poți copia acest cod sau script în document separatși eliminați totul de pe site. Dar există o cale mai bună. Am pus toate aceste coduri în comentarii.

Astfel, nu am șters nimic, ci pur și simplu l-am ascuns pentru o vreme. Recent am făcut un banner pentru competiția mea de blog. Și așa am intrat în cod, am pus un banner, am scris calea în cod și am eliminat etichetele de comentarii. După cum puteți vedea, totul funcționează excelent.

ÎN esența generală ai inteles, sper. Dacă trebuie să ascundeți ceva fără a-l șterge, atunci cel mai bine este să includeți totul într-un comentariu.

Ei bine, aici închei articolul meu de astăzi. Cum vă place? Au fost utile informațiile? Dacă da, asigurați-vă că vă abonați la actualizările articolelor de pe blogul meu. De asemenea, pentru un studiu complet al aspectului site-ului web în HTML și CSS, vă recomand să vă uitați curs excelent pe această temă. Cursul este doar o bombă și totul este spus superb, literalmente mestecat.

Ei bine, îmi iau rămas bun de la tine pentru azi. Asigurați-vă că vizitați blogul meu pentru a nu pierde informații care sunt interesante pentru dvs. Ei bine, vă doresc succes în toate eforturile voastre. Ne vedem în celelalte articole ale mele. Pa! Pa!

Cu stima, Dmitri Kostin.