Etichetele de deschidere și de închidere se disting printr-un simbol. Ce sunt etichetele și atributele HTML, validator W3C

Conținutul unui document html sau al unei pagini web este determinat de conținutul elementelor html.

elemente HTML

Un element HTML este totul între etichetele de început (deschidere) și de sfârșit (închidere).

Sintaxa elementului HTML

• Elementul HTML începe cu etichetă de deschidere/pornire.
• Elementul HTML se termină etichetă de închidere/terminare.
• Conținutul elementului Acesta este totul între etichetele de deschidere și de închidere.
• Unele articole pot fi gol.
• Elementele goale constau numai din deschidere etichetă.
• Majoritatea elementelor html pot avea atribute.

(Veți afla mai multe despre atribute în capitolele ulterioare ale tutorialului.)

Elemente imbricate

Majoritatea elementelor html pot fi imbricate unele în altele. Un document HTML este format din elemente imbricate.

Exemplu

Acesta este primul meu paragraf.

Exemplul de mai sus constă din trei elemente:

1. Element

folosit pentru a insera un paragraf într-o pagină web. Are etichete de deschidere și de închidere. Conținutul acestui element din exemplul nostru este inscripția „Acesta este primul meu paragraf”.

2. Element descrie parte vizibilă continutul paginii web. Are etichete de deschidere și de închidere. Conține un element

Cu conținut propriu.

3. Element descrie toate html document. Are etichete de deschidere și de închidere. Conține deja două elemente Și

Nu uitați de eticheta de închidere

Majoritatea browserelor vor afișa corect codul HTML, chiar dacă uitați să includeți eticheta de închidere. Cu toate acestea, acest lucru poate duce la erori și rezultate imprevizibile.

Atenţie! Versiunile viitoare de HTML vă vor împiedica să uitați etichetele de închidere.

Elemente HTML goale

Elementele HTML fără conținut sunt numite elemente goale. Elementele goale constau dintr-o singură etichetă.

Acesta este un element gol care nu are o etichetă de închidere (este folosit pentru a afișa o bară orizontală).

În XHTML, XML și versiunile viitoare ale HTML, toate elementele trebuie să fie private. Pentru a face acest lucru, trebuie doar să adăugați o bară oblică separată de un spațiu după numele etichetei
. Acesta este un obicei bun care va fi util în viitor.

Bună ziua, dragi cititori ai blogului! Continuăm secțiunea „Crearea unui site web de la zero” și în special subiectul etichetelor... Și astăzi ne vom uita la etichetele care sunt prezente pe orice pagină de internet - , Și . Mai există o etichetă care trebuie să fie în fiecare document HTML și despre care am scris deja într-unul din articolele anterioare - așa că nu o vom atinge.

În articolele anterioare ale acestei secțiuni, am scris despre creație dosar golîn format html. De fapt, a fost folosit în articolul despre (acolo au fost aplicate etichetele de titlu). Acum vom edita direct acest fișier cu descrieri complete.

Și vom începe articolul prin editarea fișierului creat. Personal, l-am numit index.html, dar numele poate fi orice. Deschideți-l folosind orice editor de text (este mai bine să utilizați Notepad++, deoarece are evidențierea codului și alte gadget-uri utile). Și adăugați imediat etichete , Și exact în ordinea în care sunt scrise. Nu uitați să le închideți, așa cum se arată în captură de ecran. Documentul va arăta astfel:

Acum să ne uităm la semnificația fiecărei etichete separat. Nu degeaba sunt în toată lumea document HTML.

Funcții de etichetă

Deci eticheta este recipient(). Conține tot conținutul vizibil și invizibil al unei pagini web (inclusiv etichete Și ). Eticheta de deschidere vine imediat după declarația Doctype și închiderea apare la sfârșitul documentului. Astfel, îi explică browserului unde să înceapă procesarea documentului și unde să-l termine.

Teoretic, el însuși poate înțelege ce și cum. La urma urmelor ? Acesta este un traducător HTML și este puțin probabil să înceapă procesarea de la mijlocul documentului și să-l termine înainte de a ajunge la sfârșit. Întrebarea este, desigur, controversată, dar mereu m-am gândit (și acum nu renunț la părerea mea) că scrierea acestei etichete este obligatorie.

Chiar și având în vedere că funcția acestei etichete este doar marcarea limitelor de conținut, are propriile atribute (care acum fie nu sunt folosite deloc, fie sunt folosite extrem de rar). ÎN surse diferite sunt indicate atribute care sunt diferite unele de altele, așa că nu îndrăznesc să propun versiunea corectă.

Singurul lucru pe care îl pot spune cu siguranță este că majoritatea atributelor nu sunt acceptate de HTML 4.01 sau sunt nedorite. Deși voi da totuși un exemplu. — un sfat explicativ oriunde în document. De exemplu, când treceți mouse-ul peste o imagine, este posibil să vedeți pop-up text. De asemenea, în cazul acestei etichete:

Iată ce veți vedea când treceți cu mouse-ul peste un document cu acest conținut:

Este de preferat să se folosească atributul titlului nu în etichetă , și în orice alte zone specifice ale paginii. În primul rând, este convenabil și, în al doilea rând, motoarele de căutare vă vor trata mai bine site-ul. Această etichetă nu afectează direct optimizarea resurselor. Sa trecem peste.

Funcția de etichetă

Și următorul în rând este etichetă . Conține totul Informații tehnice despre o pagină care ajută browserul și motoarele de căutare. Eticheta este o etichetă de container și vine imediat după , doar ca spre deosebire de ultimul, eticheta de inchidere nu apare la sfârșitul documentului, ci înaintea etichetei de deschidere .

În ce informații poți vedea ? Dar nici unul. Tot ceea ce se află în această etichetă este accesibil ochiului uman doar prin vizualizarea codului sursă al paginii. Toate conținuturile acestei etichete sunt destinate motoare de căutareși browsere. Singurul lucru pe care îl puteți vedea cumva este eticheta