Bazele secțiunii de cap în HTML și CSS

Zona de head a unui document HTML este esențială pentru structura și funcționarea paginii web. În acest tutorial vei învăța ce se ascunde exact în zona de head și cum să o folosești eficient. Vom discuta despre metainformații, titlu, codificarea caracterelor, precum și despre legarea fișierelor CSS și scripturilor.

Cele mai importante concluzii

• Zona de head () nu conține conținut vizibil, ci metainformații.
• Tag-ul Title definește titlul care este afișat în bara browserului.
• Metatag-uri, cum ar fi tag-ul Charset, sunt importante pentru codificarea caracterelor.
• Fișierele CSS și scripturile pot fi legate în zona de head.

Ghid pas cu pas

1. Zona de head în sine

Zona de head (head) a unui document HTML este deschisă cu tagurile și este închisă cu. Această zonă nu trebuie confundată cu bara de meniu sau logo-ul care aparține unui header. Zona de head servește exclusiv pentru a oferi metainformații despre document.

2. Tag-ul Title

În cadrul zonii de head, definești titlul paginii web cu tag-ul <title>.

3. Metatag-uri

Un element central al zonei de head îl constituie așa-numitele metatag-uri. Tag-ul Charset este deosebit de important. Specifică UTF-8 pentru o codificare internațională a caracterelor pentru a te asigura că toate caracterele sunt afișate corect.

4. Tag-ul Meta Charset

Tag-ul Meta Charset se scrie astfel: . Acesta este un standard comun, care suportă seturi internaționale de caractere. Spre deosebire de alte tag-uri, tag-ul Meta nu este însoțit de un tag de închidere, deoarece nu are conținut între ele.

5. Atribute în tag-urile HTML

În HTML pot fi folosite și atribute. Acestea sunt specificate în tag-ul însuși și sunt separate printr-un spațiu. Tag-ul Charset are atributul charset, căruia i se atribuie valoarea „UTF-8”.

6. Meta Description

Un alt metatag important este Meta Description, care este definită prin . Această descriere este adesea afișată în motoarele de căutare când pagina ta este găsită și este astfel semnificativă pentru SEO.

7. Alte metatag-uri

Pe lângă metatag-urile anterioare, există numeroase altele, cum ar fi tag-ul Robots, care oferă instrucțiuni pentru motoarele de căutare, și tag-ul Viewport, folosit pentru designuri responsive. Acestea sunt însă aspecte suplimentare și depășesc fundamentele.

8. Legarea fișierelor CSS

În zona de head poți lega de asemenea fișiere CSS. Acest lucru se face cu tag-ul . Acest lucru încarcă un fișier CSS extern în documentul HTML, ceea ce duce la un design uniform.

9. Legarea scripturilor

Pentru a utiliza JavaScript pe pagina ta web, poți încorpora scripturi în zona de head. Acest lucru se face cu tag-ul . Acest lucru îți permite să adaugi funcții și logică pe pagina ta care să îmbunătățească experiența utilizatorului.

10. Zona de head și funcția sa

În concluzie, zona de head este un loc pentru metainformații și legături, nu pentru conținutul vizibil. Conținutul real al unei pagini web este inserat în tag-ul. Aceasta este importantă pentru structura și performanța paginii tale web.

Rezumat – Zona de head și metainformațiile în HTML, CSS și JavaScript

Zona de head este de o importanță centrală pentru a defini informațiile și setările fundamentale pentru pagina ta web. În acest ghid ai învățat cum să integrezi eficient titluri, codificări ale caracterelor, fișiere CSS și scripturi.