26. 11.
Im Sinne der Barrierefreiheit aber auch der Suchmaschinenoptimierung ist es wichtig, Seiten mithilfe von sogenannten strukturellen Tags zu gliedern. Hier finden Sie eine vollständige Liste von HTML-Elementen mit dem Hinweis, ob es sich um strukturelle handelt.
Die wichtigsten Elemente zur Gliederung der Inhalte sind nachfolgend angeführt.
h1 bis h6 – Headings
Die Überschriften 1. bis 6. Ordnung können mittels CSS sehr ansprechend gestaltet werden.
Beispiel:
<h1>Das ist eine wichtige Überschrift</h1>
p – Paragraph / Absatz
Texte werden durch Absätze besser unterteilt und einfacher erfassbar.
Beispiel:
<p>Das ist ein Absatz.</p>
em und strong – Betonung und Wichtigkeit
Die beiden Tags ersetzen die veralteten HTML-Elemente <i> und <b> (italic/kursiv und bold/fett).
blockquote – Formschön zitieren
Zitate können mittels blockquote-Element ein attraktiver Blickfang Ihrer Seiten werden.
ul, ol, dl – Listen
Auch die Lesefreundlichkeit wird durch den Einsatz von strukturellen Elementen wie z.B. Listen verbessert. Dabei stehen ul unordered lists, ol ordered lists und dl definition lists zur Verfügung.
Beispiel:
<ul>
<li>Erster Listenpunkt</li>
<li>Zweiter Listenpunkt</li>
<li>Dritter Listenpunkt</li>
</ul>
hr – Horizontal Rule
Auch eine horizontale Linie gilt als strukturelles Element und kann kreativ gestaltet werden.
br – Line Break
Ein Zeilenvorschub dient ebenfalls der Unterteilung von Inhalten.
Sowohl hr als auch br haben kein Ende-Tag und werden als <hr /> und <br /> notiert.
Leave a Reply
You must be logged in to post a comment.