diff options
Diffstat (limited to 'files/de/web/html/element/heading_elements/index.html')
| -rw-r--r-- | files/de/web/html/element/heading_elements/index.html | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/files/de/web/html/element/heading_elements/index.html b/files/de/web/html/element/heading_elements/index.html new file mode 100644 index 0000000000..1c8aa07e0f --- /dev/null +++ b/files/de/web/html/element/heading_elements/index.html @@ -0,0 +1,72 @@ +--- +title: h1-h6 +slug: Web/HTML/Element/h1-h6 +tags: + - HTML + - HTML Elemente + - HTML Referenz +translation_of: Web/HTML/Element/Heading_Elements +--- +<h3 id="Übersicht">Übersicht</h3> + +<p>Die <strong>Überschriftenelemente</strong> bestehen aus sechs verschiedenen Leveln. <code><h1></code> ist die Überschrift mit der höchsten Gewichtung und <code><h6></code> mit der kleinsten. Ein Überschriften-Element beschreibt das Thema des Bereiches, welcher der Überschrift folgt. Überschriften können auch verwendet werden, um ein Inhaltsverzeichnis für ein Dokument automatisch zu erstellen.</p> + +<ul> + <li>Element Typ: <a href="/de/HTML/Block-level_Elemente" title="de/HTML/Block-level_Elemente">block-level</a></li> + <li>Erlaubter Inhalt: <a href="/de/HTML/Inline_Elemente" title="de/HTML/Inline_Elemente">inline</a></li> +</ul> + +<h3 id="Beispiel">Beispiel</h3> + +<h4 id="Alle_Überschriften">Alle Überschriften</h4> + +<pre> <h1>Überschrift Level 1</h1> + <h2>Überschrift Level 2</h2> + <h3>Überschrift Level 3</h3> + <h4>Überschrift Level 4</h4> + <h5>Überschrift Level 5</h5> + <h6>Überschrift Level 6</h6> +</pre> + +<p>Dieses HTML gibt das Folgende aus:</p> + +<p><img alt="Image:HTML-headers2.png" class="internal" src="/@api/deki/files/245/=HTML-headers2.png"></p> + +<h4 id="Beispielseite">Beispielseite</h4> + +<pre> <h1>Heading elements</h1> + + <h2>Summary</h2> + <p>Some text here...</p> + + <h2>Examples</h2> + <h3>Example 1</h3> + <p>Some text here...</p> + + <h3>Example 2</h3> + <p>Some text here...</p> + + <h2>See also</h2> + <p>Some text here...</p> +</pre> + +<p>Dieses HTML gibt das Folgende aus:</p> + +<p><img alt="Image:HTML-headers1.png" class="internal" src="/@api/deki/files/244/=HTML-headers1.png"></p> + +<h3 id="Hinweise">Hinweise</h3> + +<p>Es sollte kein tieferes Überschriftenlevel verwendet werden, um die Schriftgröße zu vermindern. Stattdessen sollte die Größe über die <a href="/de/CSS" title="de/CSS">CSS</a> <a href="/de/CSS/font-size" title="de/CSS/font-size">font-size</a> Eigenschaft festgelegt werden.</p> + +<p>Es sollte vermieden werden Überschriftenlevel zu überspringen. Es sollte immer von <code><h1> ausgegangen werden</code>, danach <code><h2></code> und so weiter. Außerdem sollte versucht werden nur eine Überschrift des ersten Levels in einem Dokument zu benutzen.</p> + +<p>Die Gruppierung von Überschriften und Inhalte kann über <a href="/de/HTML/Element/div" title="de/HTML/Element/div"><code><div></code></a> Element realisiert werden.</p> + +<h3 id="Siehe_auch">Siehe auch</h3> + +<ul> + <li><a href="/de/HTML/Element/p" title="de/HTML/Element/p">HTML Paragraph Element</a></li> + <li><a href="/de/HTML/Element/div" title="de/HTML/Element/div">HTML Division Element</a></li> +</ul> + +<p>{{HTMLRef}}</p> |