HTML head

ElementBeschreibung
metaMetadaten (Zusatzinformationen), z. B. Zeichensatz, Viewport, Beschreibung der Seite, Schlagworte, Author
titleTitel der Seite
base"href" Attribut mit Basispfad, der allen relativen Pfaden in der Datei vorangestellt wird
linkLink zu externer Ressource, z. B. Stylesheet, Icon (siehe Kapitel über CSS)
styleStylesheet Angaben für Seite (siehe Kapitel über CSS)
scriptEinbinden von JavaScript Code (siehe Kapitel über JavaScript)

Viewport (Metadaten):

  • wichtig für "Responsive Web Design" (Anpassung für unterschiedliche Ausgabegeräte)
  • Angabe zu sichtbarem Bereich der Webseite auf einem Gerät
  • device-width = Breite des anzeigenden Gerätes, initial-scale = Zoomfaktor
  • fehlt diese Angabe legt der Browser eine Standardbreite fest, wodurch die Seite auf kleinen Geräten zu klein dargestellt wird
  • weitere Informationen

Beispiele:

HTML<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Beschreibung der Seite" />
    <meta name="keywords" content="Schlagwort 1, Schlagwort 2" />
    <meta name="author" content="Name des Autors" />
    <title>Titel der Seite</title>
    <link rel="stylesheet" href="myStyle.css" />
  </head>
  <body>
    <p>Text im Browserfenster</p>
  </body>
</html>