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.