====== 11.1) HTML ====== ===== Aufbau des Grundgerüsts ===== Ein valides HTML5-Dokument, also eine Webseite, die dem vom W3C vorgegebenen Standard entspricht, besteht mindestens aus der Angabe des Dokumententyps und aus folgenden Elementen: * html * head * title * body Als Grundgerüst bezeichnet man ein HTML-Dokument, das nur diese Elemente enthält. Es wird folgendermaßen notiert:



  
    
  
  

  




==== Doctype ====

Es gibt von HTML verschiedene Versionen (HTML 1 bis HTML 4.01 und HTML5). Eine Zeit lang wurden Webseiten nicht nur in HTML, sondern auch in XHTML geschrieben. Die Dokumenttyp-Deklaration am Anfang eines jeden HTML-Dokumentes informiert über die Art des Dokumentes.

In HTML5 können Sie die Dokumenttyp-Deklaration rigoros vereinfachen:

==Beispiel: Angabe einer Dokumenttyp-Deklaration==




==Empfehlung: Erstellen Sie HTML5-Dokumente.==
  * Jeder Browser „versteht“ diesen Doctype. 
  * Sie können sowohl die neuen HTML5-Elemente nutzen als auch bestehenden HTML4-Code weiterverwenden.
  * Der doctype ist kürzer und übersichtlicher ;-)

==== Das HTML-Element ====

Das html-Element umschließt das gesamte Dokument. Die Struktur eines HTML-Dokumentes kann wie ein Stammbaum dargestellt werden. Ausgangspunkt für diese Struktur ist immer das HTML-Element, weswegen man auch vom Wurzelelement (eng. root element) spricht.


Im html-Element muss mit dem lang-Attribut die Sprache des Seiteninhalts angegeben werden; das ist wichtig für die allgemeine Benutzbarkeit der Seite. (für deutschsprachige Seiten: ; für englischsprachige "en")


Es wird unterteilt in

  * head - Informationen über die Seite, die von Programmen wie z. B. Suchmaschinen oder Browsern ausgewertet werden
  * body - die eigentlichen, vom Browser darzustellenden Informationen


=== Der head: unsichtbar, aber unverzichtbar ===

Das head-Element (deutsch: Kopf) ist in allen HTML-Standards ein Pflicht-Element und enthält Informationen über den im body notierten Text.


Zwingend ist mindestens die Angabe eines Namens, daher muss jedes valide HTML-Dokument einen Titel haben.


== der Titel ==

Obwohl der title nicht auf der eigentlichen Webseite ausgegeben wird, erscheint er an vielen Stellen. Hier einige Beispiele:

  * Browser zeigen ihn in der Registerkarte (Tab) an,
  * Microsoft Windows blendet ihn in der Taskleiste als Tooltip ein,
  * Suchmaschinen verwenden ihn in der Regel als Bezeichnung für einen Treffer
  * Nutzern von Vorleseprogrammen wird der Titel beim Wechsel auf eine Seite als erstes Vorgelesen.
Dem Titel kommt also eine besondere Bedeutung zu und er sollte daher aussagekräftig sein. Um die einzelnen Seiten eindeutig unterscheiden zu können, empfiehlt es sich außerdem, einen Titel nicht für zwei oder mehr HTML-Dokumente innerhalb eines Webauftrittes zu verwenden. Vergeben Sie besser für jede Seite einen einmaligen Namen.

Beispiel: title -Element im head


  aussagekräftiger Seitentitel



== Zeichencodierung ==

In HTML müssen Sie wie bisher die Zeichencodierung festlegen.[2] Am einfachsten erreichen Sie dies durch die Angabe:

Beispiel: Zeichencodierung




Beachten Sie: Wenn Sie für HTML5-Dokumente die Zeichencodierung durch  festlegen, müssen Sie darauf achten, dass sich diese Angabe vollständig innerhalb der ersten 1024 Bytes des Dokuments befindet.
Des Weiteren muss das Dokument auch mit dieser Zeichencodierung vom Server ausgeliefert werden, dafür einfacherweise auch in derselben Zeichencodierung abgespeichert sein.

  * [[inf:inf8bi_201819_matura:11:11_01:11_01_01| 11.1.1) Schichtenmodell einer Webseite]]
  * [[inf:inf8bi_201819_matura:11:11_01:11_01_02| 11.1.2) Navigation des Webauftritts]]
  * [[inf:inf8bi_201819_matura:11:11_01:11_01_03| 11.1.3) Bereiche definieren und positionieren]]
  * [[inf:inf8bi_201819_matura:11:11_01:11_01_04| 11.1.4) Sound und Videos einbinden]]
  * [[inf:inf8bi_201819_matura:11:11_01:11_01_05| 11.1.5) Document Object Model]]