Elemente în HTML5

Partea principală a documentului HTML, practic tot ce vom vedea în browserul nostru atunci când încărcăm o pagină web, este plasată între tagurile <body> și </body>. Aici sunt amplasate majoritatea elementelor HTML.

Deși majoritatea elementelor în HTML5 rămân aceleași ca în versiunile anterioare, modul lor de utilizare a fost ușor modificat. Să examinăm elementele de bază HTML5, scopul și utilizarea lor.

Elementul head și metadatele paginii web

De obicei, unul dintre primele elemente ale documentului HTML este elementul head, a cărui sarcină constă în stabilirea metadatelor paginii și a unei serii de informații de însoțire. Metadatele conțin informații despre documentul HTML.

Titlul

Pentru a stabili titlul documentului, care este afișat pe fila browserului, se folosește elementul title:

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>Elementul title</title>
   </head>
   <body>
       <p>Conținutul documentului HTML5</p>
   </body>
</html>

Elementul base

Elementul base permite să se specifice adresa de bază, relativă la care sunt stabilite alte adrese utilizate în document:

<!DOCTYPE html>
<html>
   <head>
       <base href="content/">
       <meta charset="utf-8">
       <title>Elementul base</title>
   </head>
   <body>
       <a href="newpage.html">Mergi la</a>
   </body>
</html>

Deși pentru link a fost specificată pagina newpage.html, de fapt adresa sa va fi content/newpage.html. Adică, într-un folder cu pagina curentă trebuie să existe un subfolder content, în care trebuie să se găsească fișierul newpage.html.

Se poate de asemenea să se specifice o adresă completă:

<base href="http://www.microsoft.com/">

În acest caz, linkul va duce la adresa http://www.microsoft.com/newpage.html.

Elementul meta

Elementul meta definește metadatele documentului.

Pentru ca documentul să afișeze corect textul, este necesar să se stabilească codificarea folosind atributul charset. Codificarea recomandată este utf-8:

<meta charset="utf-8">

Trebuie reținut că codificarea specificată în elementul meta trebuie să corespundă cu codificarea documentului însuși. De obicei, editorul de text permite să se specifice codificarea documentului. Dacă dorim să utilizăm utf-8, atunci în setările editorului de text trebuie să alegem UTF-8 fără BOM. De exemplu, selectarea codificării în Notepad++:

Elementul meta are, de asemenea, două atribute: name și content. Atributul name conține numele metadatelor, iar content - valoarea lor.

Implicit, în HTML sunt definite cinci tipuri de metadate:

application-name: numele aplicației web, parte a căreia este documentul
author: autorul documentului
description: o descriere scurtă a documentului
generator: numele programului care a generat documentul
keywords: cuvintele cheie ale documentului

Trebuie de menționat că tipul description este cel mai relevant. Valoarea acestuia este adesea utilizată de motoarele de căutare ca anotație pentru document în rezultatele căutării.

Să adăugăm în document o serie de elemente meta:

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <base href="content/">
       <title>Elementul title</title>
       <meta name="description" content="Primul document HTML5">
       <meta name="author" content="Bill Gates">
   </head>
   <body>
       <a href="newpage.html">Conținutul documentului HTML5</a>
   </body>
</html>