HTML címsorok (h1, h2, h3, h4, h5, h6)
A HTML címsorokról nem nehéz kitalálni, hogy mire is valók. Értelemszerűen arra használjuk őket, hogy egyes sorokat kiemeljünk a többitől, amolyan cím jelleggel.
HTML címsorok
A HTML címsorok (angolul Headings) 1-től 6-ig terjednek. A h1 a legnagyobb méretű szöveg, míg a h6 a legkisebb méretű.
Szintaktika
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Code language: HTML, XML (xml)
Példa
HTML kód
<h1>Címsor 1</h1>
<h2>Címsor 2</h2>
<h3>Címsor 3</h3>
<h4>Címsor 4</h4>
<h5>Címsor 5</h5>
<h6>Címsor 6</h6>
Code language: HTML, XML (xml)
Eredmény
Címsor 1
Címsor 2
Címsor 3
Címsor 4
Címsor 5
Címsor 6
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Tudnivalók a HTML címsorokról
A BODY-n belül használjuk.
A böngészők automatikusan adnak egy kis „távolságot” a címsorok elé és mögé (azaz fölé és alá), hogy a szöveg közül jobban kiemelkedjen.
A címsorok rendkívül fontosak a keresőmotorok számára. Ezt (is) használják a tartalom beazonosítására. A h1-et veszi a legfontosabbnak a böngésző, általában levonható az a következtetés, hogy a h1-ben lévő szöveg az egész cikk egységére vonatkozik. Míg a h2-t a téma felbontására kell használni. A h3 egy részegység részegysége. És így tovább.
Elméletben. Gyakorlatilag nem nagyon lesz gond belőle, ha egy cikken belül több h1-et használsz, maximum a Google és az egyéb keresőmotorok fognak nehezebben kiigazodni a tartalmadon.
A HTML címsorok formázhatók
Nyugodtan formázhatjuk a HTML címsorokat, adhatunk nekik színt, vagy megváltoztathatjuk a méretüket.
HTML kód
<h1 style="font-size:100px; color:red;">Nagy és piros címsor.</h1>
Code language: HTML, XML (xml)
Eredmény