Page 26 - HTML, PHP & MYSQL - La programmazione eb
P. 26
esistono sei livelli di
tag hX: h1, h2, h3, h4, h5 e h6, il più grande (ed
importante) dei quali è h1 mentre, viceversa, il meno
importante è h6.
Utilizzare questi tag è importante non tanto da un punto di
vista estetico (che in questo contesto non ci interessa più di
tanto) ma funzionale in quanto il corretto utilizzo di questo
markup si rivela fondamentale sia dal punto di vista
dell'accessibilità dei contenuti che dal punto di vista SEO.
In genere non si utilizza mai più di h1, h2 e h3, trattandosi
rispettivamente di titolo, sottotitolo ed eventuale
sottosottotitolo, tuttavia - come detto - è possibile arrivare
fino ad h6.
Visivamente parlando il tag hX è un elemento di tipo block
(produce un ritorno a capo) formattato in grassetto e con
uno spazio sia superiore che inferiore. La dimensione del
carattere degrada man mano (h1 è rappresentato con un
font molto grande che via via diminuisce fino al tag h6 che
è il titolo più piccolo oltre che meno importante).
Ovviamente l'aspetto dei titoli h1, h2, h3, ecc. può essere
facilmente manipolato con i CSS.
Facciamo dunque un esempio di pagina con titolo e
sottotitolo:
<html>
<head>
<title>Titolo della pagina HTML...</title>
</head>
<body>
27
