Chi vuole passare ad HTML5 si trova spesso di fronte al problema di non sapere bene come iniziare. Per iniziare ad usare un nuovo linguaggio di marcatura occorre partire da un template di base. Questo è lo scopo del presente articolo: iniziare a muovere i primi passi con HTML5. Vediamo come.
DOCTYPE
Il DOCTYPE HTML5 è semplicissimo:
<!DOCTYPE html>
Tutto qui. Tra l'altro HTML5 è case-insensitive, quindi potete anche scrivere il DOCTYPE usando solo le minuscole.
Lingua del documento
Per la lingua si usa l'attributo lang:
<!DOCTYPE html>
<html lang="it">
</html>
Codifica del documento
La codifica del documento viene specificata utilizzando l'attributo charset:
<!DOCTYPE html>
<html lang="it">
<head>
<title>...</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
Script e fogli di stile
L'attributo type per gli elementi script e style è divenuto opzionale. Quindi potete scrivere:
<!DOCTYPE html>
<html lang="it">
<head>
<title>...</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script src="script.js"></script>
</head>
<body>
</body>
</html>
Elementi vuoti
HTML5 accetta sia la vecchia notazione XHTML che quella tradizionale di HTML4 per gli elementi vuoti. Quindi:
<meta charset="utf-8" />
e
<meta charset="utf-8">
sono entrambi validi.
Il template finito
<!DOCTYPE html>
<html lang="it">
<head>
<title>...</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script src="script.js"></script>
</head>
<body>
</body>
</html>
[/caption]