Was ist ein HTML-Einzug?
Ein HTML-Einzug (HyperText Markup Language) ist entweder ein Tag oder eine CSS-Eigenschaft (Cascading Style Sheet), durch die ein oder mehrere visuelle Elemente auf einer Webseite um einen bestimmten Abstand vom Rand ihres Begrenzungsblocks verschoben werden. Die Verwendung eines HTML-Einzugs entspricht der Verwendung von Einzügen im Druck. Die am weitesten verbreitete Möglichkeit, einen Einzug in ein HTML-Dokument einzufügen, ist die Verwendung von CSS, um die Eigenschaft text-indent des Absatzes zu ändern, der den Text enthält. Einige Formatierungsanweisungen, wie Listen und Blockzitate, rücken ihren Inhalt automatisch ein, um sie vom umgebenden Text zu unterscheiden. Die Verwendung von CSS zum Einfügen eines HTML-Einzugs funktioniert nur in der ersten Zeile des Absatzes und nicht für einen gesamten Block. Dies kann mit unterschiedlichen Formatierungseigenschaften erreicht werden.
Wie der HTML-Standard funktioniert, werden mehrere Leerzeichen und das Tabulatorzeichen, das auf den meisten Computern zum Erstellen von Einrückungen verwendet wird, aus Dateien entfernt, bevor der Code zur Anzeige analysiert wird. Dies bedeutet, dass in einem Textverarbeitungsprogramm formatierter Text diese Formatierung nicht beibehält, wenn er direkt in ein HTML-Dokument eingefügt wird, es sei denn, der Text wird in ein WYSIWYG-HTML-Bearbeitungsprogramm (What-you-see-is-what-you-get) eingefügt. Um einen Einzug für die erste Zeile eines Absatzes oder einen gesamten Textblock zu erhalten, müssen spezielle HTML- und CSS-Codes verwendet werden.
Die Eigenschaft text-indent von Elementen auf Blockebene in CSS rückt das erste unformatierte, gerenderte Element in einem Block ein. Die Höhe der Einrückung muss numerisch angegeben werden. Mit dieser Option kann der Benutzer eine Zahl angeben, die dem Browser mitteilt, wie viele Pixel, Punkte, Zentimeter oder andere Messformen die Linie eingerückt werden soll. Diese Zahl kann auch ein Prozentsatz der Gesamtbreite des Blocks sein. Diese CSS-Option funktioniert nur auf Blockebene, rückt nur die erste Zeile ein und funktioniert nicht bei Elementen, die bereits ein vordefiniertes Formatierungsverhalten aufweisen, z. B. Listen mit Aufzählungszeichen.
Ein hängender HTML-Einzug ist das Gegenteil eines Standardeinzugs und zieht die erste Zeile eines Blocks nach hinten, sodass er links von den restlichen Zeilen des Absatzes gerendert wird, wenn der Text für das Lesen von links nach rechts ausgerichtet wird. Dieselbe Text-Indent-Eigenschaft wird für einen hängenden HTML-Einzug verwendet, mit der Ausnahme, dass die Zahl für die Höhe des Einzugs negativ ist. Diese Methode funktioniert nur, wenn die Rand- und Randwerte eines Blocks groß genug sind, um den hängenden Einzug zu enthalten.
Es ist möglich, einen HTML-Einzug zu definieren, der einen gesamten Block oder Absatz verschiebt. Dies kann mit verschiedenen CSS-Eigenschaften auf Blockebene geschehen, einschließlich der Änderung der Ränder oder des tieferen Abstands des Containerblocks auf einer Seite. Dies kann auch mit einfachen HTML-Tags wie blockquote oder pre erreicht werden, die für vorformatierten Text stehen. Der Nachteil bei der Verwendung grundlegender Tags zum Erstellen eines HTML-Einzugs besteht darin, dass der Betrag, um den der Text verschoben werden soll, nicht gesteuert oder explizit festgelegt werden kann.