This article is currently in the process of being translated into Italian (~99% done).
Headings
Le intestazioni vengono definite con gli elementi che vanno da <h1> a <h6>, <h1> è il titolo più importante presente nella pagina.
Di seguito vengono riportati alcuni esempi di intestazioni differenti
<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>
Titoli e sottotitoli sono importanti in quanto per i webmaster indicano la struttura della pagina. Per questo motivo, le intestazioni dovrebbero essere utilizzare solo per creare titoli effettivi e non per rendere il testo più grande o in grassetto. Oltre a dare una struttura alla tua pagina, i titoli ne aumentano la leggibilità: molto probabilmente i tuoi utenti scorrono le pagine ed usano le intestazioni per navigare al loro interno.
Di seguito viene fatto un esempio di come si utilizzano i differenti titoli. Le intestazioni vengono usate per delineare la pagina - il seguente codice HTML creerà questa struttura:
- Introduzione
- Intestazioni di secondo livello
- L'ultimo titolo di secondo livello
<!DOCTYPE html>
<html>
<head>
<title>Your first HTML5 Document</title>
</head>
<body>
<h1>Introduction</h1>
<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
<h2>The less important heading</h2>
<p>This is the second paragraph and it is right below a h2-heading</p>
<h3>My 3rd level heading</h3>
<p>Just another paragraph </p>
<h2>Back to 2nd level headings</h2>
<h2>The last 2nd level heading</h2>
</body>
</html>