Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
das
main
-Element erkennen, wird es wie ein gewöhnliches Block-Element ohne besondere Eigenschaften behandelt. Es erzeugt also eine neue Zeile im Textfluss und nimmt per Voreinstellung die gesamte verfügbare Breite ein.
Weitere Hinweise
    Das
main
-Element wurde erst 2012 in den Living Standard von HTML5 aufgenommen und gehört somit nicht zur ersten Generation der neuen HTML5-Elemente.
Referenzinformationen
    Elementreferenz

:

4.2.2      Textabsätze
    Textabsätze dienen der Feinstrukturierung von längerem Fließtext. Typische Textabsätze bestehen aus einem bis einigen Sätzen, die sich um einen konkreten Sinnzusammenhang drehen.
Beispiel
    

Hier beginnt ein Absatz, und hier ist er zu Ende.


    

Hier beginnt ein neuer Absatz. Zwischen dem Absatz davor
    und diesem ist ein gewisser Abstand. Im Gegensatz zu einem
    einfachen Zeilenumbruch (Zeilenschaltung) handelt es sich hierbei um eine Absatzschaltung.


Erläuterung
    Das Tag


( p steht für paragraph = Absatz) leitet einen Textabsatz ein.


beendet den Textabsatz und steht am Ende des Absatztextes.
    Ein Textabsatz kann Text und Textauszeichnungen (Textlevel-Semantics) enthalten, Zeilenumbrüche, aber auch Grafik, Video- oder Audio-Controls, Objekte und Formularelemente (Phrasing-Content in der Terminologie der HTML5-Spezifikation). Nicht erlaubte Inhalte sind andere gruppierende Elemente oder Elemente für Webseitenbereiche (Sectioning).
Weitere Hinweise
    Verwenden Sie das
p
-Element nicht, wenn es Elemente gibt, die den Inhalt von seiner Bedeutung her präziser auszeichnen. Verwenden Sie also etwa für ein Blockzitat das dafür vorgesehene Element.
    Mit CSS bzw. CSS-Eigenschaften können Sie Absatzeigenschaften wie Vor- und Nachabstand, Einzüge, Schmuckrahmen, Hintergrund, Texteigenschaften, usw. festlegen. Mit Hilfe des globalen Attributs
class
und entsprechenden CSS-Formaten können Sie auch unterschiedliche Absatztypen definieren, wie es aus Textverarbeitungssystemen bekannt ist.
Referenzinformationen
    Elementreferenz


:

4.2.3      Zeilenumbrüche
    Text innerhalb von normalen Absätzen, Listen sowie in Überschriften oder Tabellenzellen wird vom Web-Browser bei der Anzeige automatisch umbrochen. Sie können jedoch an einer gewünschten Stelle einen Zeilenumbruch erzwingen.
Beispiel
    

Ottos Brief an die Mutter


    

Liebe Mama!


    


    Vor drei Wochen habe ich erfahren,

    dass Du krank bist.

    Mach' Dir keine Sorgen.

    Mir geht es gut.
    


Erläuterung
    

( br = break = Umbruch) fügt an der gewünschten Stelle einen Zeilenumbruch ein. Dabei ist es egal, ob das alleinstehende Tag am Ende der vorherigen Zeile steht (wie im Beispiel) oder in einer eigenen Zeile oder am Anfang der folgenden Zeile.
Zeilenumbruch ermöglichen
    Web-Browser brechen normalen Fließtext zwar automatisch um, jedoch nur bei Leerzeichen, weil dadurch Wörter voneinander abgegrenzt werden. Sie können dem Browser aber explizit mitteilen, wo er sonst noch einen Zeilenumbruch einfügen kann. Sinnvoll ist das beispielsweise für die optionale Trennung sehr langer oder zusammengesetzter Wörter.
Beispiel
    

Grundstücks­verkehrs­genehmigungs­zuständigkeits­übertragungs­verordnung

    Die Methode document.getElementsByTagName
    


Erläuterung
    Zum Markieren eines optionalen Zeilenumbruchs stehen gleich zwei Möglichkeiten zur Verfügung.
    Mit dem named entity ­ (soft hyphen = bedingter Trennstrich) markieren Sie eine Stelle, an der getrennt werden darf, falls das Wort bei der Bildschirmanzeige am Endeder Zeile steht und der Platz für eine vollständige Darstellung nicht mehr ausreicht. Der Browser sollte das Wort an dieser Stelle mit einem Umbruch trennen und einen Trennstrich einfügen.
    Das HTML-Standalone-Tag (word break = Umbruch innerhalb eines Wortes) markiert ebenfalls einen optionalen Umbruch, fügt jedoch keinen Trennstrich ein. Es eignet sich also für Umbruchmöglichkeiten, bei denen es sich nicht um die grammatische Worttrennung normaler Wörter handelt.
Weitere Hinweise
    Innerhalb von Abschnitten mit verhindertem Zeilenumbruch bewirkt

, dass an der betreffenden Stelle trotzdem ein Umbruch erfolgen darf. Zeilenumbrüche können Sie mit CSS verhindern (siehe Abschnitt 14.3.4 ). Aber auch bei längeren Zeilen innerhalb von präformatierten Bereichen können Sie mit

an geeigneten Stellen dem Anwender das Quer-Scrollen

Weitere Kostenlose Bücher