XHTML elemendid: h1, h2, h3, h4, h5, h6

Pealkirjade seeria. h1 peaks olema kasutuses vaid korra (otsingurobotite pärast), ülejäänuid võib kasutada ühe dokumendi piires ka mitmekordselt. Idee siis selline, et kõige olulisem pealkiri määratakse h1 elemendiga, edasi tähtsuselt järgmine h2 abil jne kuni h6.

Nõutavad atribuudid:

Valikulised atribuudid:

Standardsed atribuudid

Neid saab määrata suuremale osale elementidest:

Näited

Kõik pealkirjad rakenduses:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="et" lang="et">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
</head>
<body>

<h1>Esimese taseme pealkiri</h1>
<h2>Teise taseme pealkiri</h2>
<h3>Kolmanda taseme pealkiri</h3>
<h4>Neljanda taseme pealkiri</h4>
<h5>Viienda taseme pealkiri</h5>
<h6>Kuuenda taseme pealkiri</h6>

</body>
</html>

Üks lihtne dokument, mis kasutab nii pealkirju kui ka p elementi:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="et" lang="et">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Lorem ipsum</title>
</head>
<body>

<h1>Lorem ipsum</h1>

<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2>

<p>Ut vulputate rutrum nisl. Aenean vitae nisl in lacus pretium fermentum. 
Phasellus scelerisque aliquet lacus. Pellentesque vehicula massa ut metus. Sed 
faucibus. Sed sit amet nisi. Phasellus tincidunt molestie nisi. Integer nec pede 
sit amet mi ullamcorper porta. Aliquam aliquam. Nullam ullamcorper. Quisque 
sollicitudin ligula sed pede. Integer arcu. Mauris quis est. Maecenas nibh. 
Cras eget elit placerat diam pharetra aliquam.</p>

<h2>Curabitur lorem neque, rutrum at, hendrerit et, dignissim non, elit</h2>

<p>Nulla facilisi. Etiam odio quam, cursus id, tristique et, ullamcorper 
non, erat. Nullam hendrerit rhoncus erat. Nullam sit amet dolor et libero 
ullamcorper tincidunt. Mauris mi nulla, blandit non, hendrerit eu, scelerisque 
eget, lorem. Ut mauris. Sed non tellus quis lectus rutrum sodales. Sed odio 
lacus, dictum sit amet, placerat at, adipiscing ac, urna. Mauris accumsan 
volutpat velit. Donec lacinia porta diam. Phasellus quis urna. Duis hendrerit 
arcu non purus. Nunc elementum nulla quis lacus. Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. In nisl felis, suscipit vitae, vestibulum at, 
commodo vitae, turpis. Nunc risus.</p>

<h2>Donec sit amet enim</h2>

<p>Pellentesque purus lectus, imperdiet at, imperdiet quis, elementum 
vel, massa. Nunc fringilla nulla non purus. Ut commodo, lorem nec dictum 
aliquam, nulla dolor consectetuer arcu, id mattis lacus est eu sem. Nam 
fermentum mi eget lacus. Nam velit lectus, vulputate vitae, luctus eu, 
blandit sit amet, nisi. Quisque laoreet, dui non bibendum consectetuer, 
ipsum dui mattis leo, id gravida tellus felis ut justo. Vestibulum ante 
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
Etiam tempor nibh. Donec suscipit, orci quis scelerisque mattis, diam 
lectus porta nisi, a dapibus magna quam vitae ligula.</p>

</body>
</html>

© Margo Munner | Sisukaart