Un documento HTML5 è composto da 4 elementi essenziali, che esaminiamo insieme di seguito:
- <!DOCTYPE html> : dichiarazione di versione.
- <html>: elemento che identifica una pagina html.
- <head>: elemento che contiente informazioni sulla pagina web.
- <body>: corpo della pagina.
1. DOCTYPE
<!DOCTYPE html> , è l’ elemento della pagina html che indica ai nostri browsers , la versione del linguaggio utilizzata per la stesura del documento.
Ogni versione di HTML , ha una dichiarazione di versione differente, quella di HTML5 è sicuramente la più semplice che il W3C ha creato fino ad ora.
- DICHIARAZIONE HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">- DICHIARAZIONE HTML5
<!doctype html>Qualche regola
- NON è un TAG , è un istruzione per i browser , al fine di una corretta renderizzazione (restituzione grafica degli elementi).
- <!DOCTYPE html> NON è CASE-SENSITIVE , può essere indicato in maiuscolo o in minuscolo.
- indica al browser come effettuare il rendering della pagina.
- è il primo elemento obbligatorio che costituisce un documento HTML.
2. TAG HTML
il tag <html> , è il primo tag di una pagina html , indica che ci troviamo in presenza di un documento html funge da contenitore per tutti gli altri elementi della pagina.
il tag di chiusura </html> , è l’ ultimo elemento di un documento html.
Questo tag può contenere due attributi facoltativi:
- lang : serve ad indicare la lingua nel quale è stato redatto il documento , attualmente i motori di ricerca riescono a riconoscerla autonomamente , ma inserirla è molto utile in quanto facilita il riconoscimento della lingua da parte dei software di sintesi vocali ai fini di una corretta pronuncia.
- dir : serve ad indicare la direzione del testo ed accetta due parametri:
- rtl : right to left (da destra a sinistra)
- ltr : left to right (da sinistra a destra)
3. TAG HEAD
<head> è l’ elemento che identifica la parte del documento html , destinata a contenere informazioni riguardanti la pagina stessa.
Queste informazioni non sono mostrate dai browsers , ma servono solamente a fornire informazioni ai motori di ricerca al fine di una corretta renderizzazione.
Gli elementi ammessi all’ interno di questo tag sono i seguenti:
- <title>
- <link>
- <meta>
- <style>
- <script>
- <base>
4. TAG BODY
<body> è il tag che contiene tutti gli elementi che il browser mostra agli utenti durante la navigazione (es. tabelle , link , paragrafi , titoli , video , audio , frame, menu ecc..).
