Până acum am acoperit paragrafe și rupturi de rând… dar într-un document lung, probabil că vrem mai multă structură decât atât. Cum creăm titluri de secțiuni?
Elementele h
Există șase niveluri de elemente de antet: h1, h2, h3, h4, h5 și h6. Aceste elemente de bloc îi spun browserului să detașeze titlul de restul textului. Nivelul titlului h1 este cel mai important titlu, în timp ce nivelul h6 este cel mai puțin important.
Majoritatea browserelor afișează titlurile cu caractere aldine, cu h1 cel mai mare și h6 cel mai mic.
Exemplul 2.6. Titluri
- <h1>Heading 1</h1>
- <h2>Heading 2</h2>
- <h3>Heading 3</h3>
- <h4>Heading 4</h4>
- <h5>Heading 5</h5>
- <h6>Heading 6</h6>
Ca și elementul paragraf p, elementele de titlu sunt elemente de bloc. Fiecare set potrivit de elemente de antet creează un bloc nou, separat automat de alte blocuri cu întreruperi de linie.
Titluri corupte
În „Pauze de paragraf”, am discutat despre consecințele eșecului închiderii etichetelor <p> deschise. Acest lucru este și mai important pentru elementele de titlu.
Exemplul 2.7. Titlu și text corupte
- <h1>STAVE I: MARLEY’S GHOST
- MARLEY was dead: to begin with. There is no doubt
- whatever about that. The register of his burial was
- signed by the clergyman, the clerk, the undertaker,
- and the chief mourner. Scrooge signed it: and
- Scrooge’s name was good upon ‘Change, for anything he
- chose to put his hand to. Old Marley was as dead as a
- door-nail.
Hopa! Dacă vizualizați pagina web rezultată, veți vedea că fontul supradimensionat și aldine al elementului h1 s-a revărsat peste restul textului. Browserul nu are nicio indicație unde ar trebui să se termine elementul h1 și, prin urmare, interpretează elementul h1 ca incluzând orice altceva de pe pagină.
Să remediam acest lucru închizând eticheta deschisă <h1>. Vom pune textul în propriul paragraf HTML pentru o măsură bună:
Exemplul 2.8. Titlu și text adecvat
- <h1>STAVE I: MARLEY’S GHOST</h1>
- <p>
- MARLEY was dead: to begin with. There is no doubt
- whatever about that. The register of his burial was
- signed by the clergyman, the clerk, the undertaker,
- and the chief mourner. Scrooge signed it: and
- Scrooge’s name was good upon ‘Change, for anything he
- chose to put his hand to. Old Marley was as dead as a
- door-nail.
- </p>
Titlul și paragraful sunt acum separate corect.
Sursa: “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de © 2023 Nicolae Sfetcu
Lasă un răspuns