Überschriften

Überschriften werden über die Elemente <h1> bis <h6> definiert, wobei <h1> die wichtigste Überschrift auf der Seite ist.

Es folgen einige Beispiele zu den unterschiedlichen Überschriften:

<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>

Überschriften müssen richtig definiert werden, da Webbrowser die Überschriften als Teil der Seitenstruktur interpretieren. Deswegen sollten Überschriften auch wirklich nur dann verwendet werden wenn sie als richtige Überschriften verwendet werden und nicht wenn man nur den Text fett oder groß haben möchte. Und neben der Strukturierung der Webseite helfen Überschriften auch noch dabei die Lesbarkeit der Seite zu verbessern. Viele Nutzer werden die Webseite nur überfliegen und dabei die Überschriften als Anhaltspunkte nehmen um sich zu orientieren.

Es folgen weitere Beispiele zu den unterschiedlichen Überschriften. Die Überschriften werden genutzt um die HTML Seite zu umrahmen. Das folgende HTML würde eine Seitenstruktur wie folgt erschaffen:

Einführung
Zurück zur 2. Überschrift
Die letzte 2. Überschrift

<!DOCTYPE html>
<html>
<head>
	<title>Your first HTML5 Document</title>
</head>
<body>
	<h1>Introduction</h1>
		<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
	<h2>The less important heading</h2>
		<p>This is the second paragraph and it is right below a h2-heading</p>
	<h3>My 3rd level heading</h3>
		<p>Just another paragraph </p>
	<h2>Back to 2nd level headings</h2>
	<h2>The last 2nd level heading</h2>
</body>
</html>

This article has been fully translated into the following languages:

Is your preferred language not on the list? Click here to help us translate this article into your language!

Metadata

Überschriften