Block-Level Elemente

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

"Block-Level", sowie "inline" Elementen, sind Kategorisierungen der HTML Elemente. Block-Level Elemente können nur innerhalb eines <body> Elements auftreten. Ihr wichtigstes Merkmal ist, dass sie typischerweise mit einem Zeilenumbruch vor und nach dem Element formatiert sind (dadurch entsteht ein eigenständiger Inhaltsblock). Der folgende Artikel soll dir dabei helfen, zu verstehen, was das bedeutet.

Im Browser werden Block-Level Elemente normalerweise mit einer neuen Zeile vor und nach dem Element angezeigt.

Die Unterschieden zwischen Inline-Elementen und Block-Level-Elementen sind:

Formatierung
Standardmäßig beginnen Block-Level-Elemente in einer neuen Zeile.
Content model
Generally, block-level elements may contain inline elements and other block-level elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements.

The distinction of block-level vs. inline elements is used in HTML specifications up to 4.01. In HTML5, this binary distinction is replaced with a more complex set of content categories. The "block-level" category roughly corresponds to the category of flow content in HTML5, while "inline" corresponds to phrasing content, but there are additional categories.

Elemente

Die nachfolgende Liste zeigt eine komplette Übersicht aller HTML Block-Level-Elemente (die neuen HTML5-Element sind technisch gesehen nicht als "Block-Level" definiert).

<address>
Kontaktinformation.
<article> HTML5
Inhalt eines Artikels.
<aside> HTML5
Marginalbereich.
<audio> HTML5
Audio-Player.
<video> HTML5
Video-Player.
<blockquote>
Zitat innerhalb eines eigenen Textabsatzes.
<canvas> HTML5
Bereich für Canvas.
<dd>
Definition, Beschreibung.
<div>
Allgemeine Einteilung.

 

 
<dl>
Definitionsliste.
<fieldset>
Gruppe von Elementen im Formular oder Reiter im Dialog.
<figcaption> HTML5
Beschreibung einer Grafik.
<figure> HTML5
Grafik mit Beschreibung (siehe <figcaption>).
<footer> HTML5
Abschnitt oder Fußbereich.
<form>
Eingabe-Formular.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Überschriften Level 1-6.
<header> HTML5
Abschnitt oder Kopfbereich.
<hgroup> HTML5
Gruppe mehrerer Überschriften.
 
<hr>
Horizontrale Trennlinie.
<noscript>
Inhalt, wenn JavaScript deaktiviert ist.
<ol>
Geordnete Liste.
<output> HTML5
Dynamisch erzeugte Ausgaben.
<p>
Textabsatz.
<pre>
Vorformatierten Text.
<section> HTML5
Abschnitt einer Internetseite.
<table>
Tabelle.
<tfoot>
Fußbereich der Tabelle.
<ul>
Ungeordnete Liste.

 

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: VJSchneid, teoli, lukas.oppermann
Zuletzt aktualisiert von: VJSchneid,