Stylesheets und Scripts gehören ebenfalls zu den Daten, die häufig im Kopfbereich eines HTML-Dokuments eingebunden werden. Im Gegensatz zu den anderen Kopfdaten können Script- und Style-Bereiche jedoch auch innerhalb des Dokumentkörpers notiert werden. Bei Script-Bereichen ist das sogar häufig der Fall. Bei Style-Bereichen ist es bislang unüblich und erst seit HTML5 erlaubt, und dann auch nur in Verbindung mit einem speziellen Attribut (scoped).

Nachfolgend wird beschrieben, wie Sie Style- und Script-Bereiche im HTML-Kopfbereich notieren können.

Beispiel

<head>
<style type="text/css">
div.spezialangebot {
   background-color: #E0E4F4;
   border: 3px solid #D0D4E4;   
   border-radius: 4px;
   padding: 4px;
}
</style>
<script type="text/javascript">
function browserLanguageStatus() {
   if(document.getElementById() {
      if(navigator.language.indexOf("de"))
         document.getElementById('lg').innerHTML = "deutsch";
      if(navigator.language.indexOf("en"))
         document.getElementById('lg').innerHTML = "englisch";
   }
}
</script>
  <!-- ... andere Angaben im Dateikopf ... -->
</head>

Erläuterung

Ein Style-Bereich wird durch <style>…</style> markiert, ein Script-Bereich durch <script>…</script>. Beide Elemente sehen für das Start-Tag ein type-Attribut vor. Dieses Attribut sollten Sie auf jedem Fall notieren. Es teilt dem Browser mit, welche Style- bzw. Scriptsprache innerhalb des Style- bzw. Script-Bereichs verwendet wird. Erwartet wird die Angabe des MimeTypes der Sprache. Verwenden Sie im einleitenden <style>-Tag für CSS die Angabe type="text/css", und im einleitenden <script>-Tag für JavaScript die Angabe type="text/javascript".

Weitere Hinweise

Auf die Inhalte zwischen <style> und </style> bzw. <script> und </script> gehen wir an dieser Stelle nicht näher ein. Es handelt sich um CSS- bzw. JavaScript-Code.

Ausführlichere Beschreibungen zum Einbinden von Stylesheets und Scripts in HTML finden Sie in den Abschnitten CSS in HTML einbinden und Script-Bereiche in HTML. Dort wird auch beschrieben, wie Sie Stylesheets und Scripts aus externen Dateien einbinden.

Referenzinformationen

Logische Verlinkung « | » Basis-URLs

Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.