Style- und Script-Einbindung

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.

HTML5-Info

Seit HTML5 ist dieses Attribut im Gegensatz zu HTML 4.01 jedoch keine Pflichtangabe mehr.

Es teilt dem Browser mit, welche Style- bzw. Scriptsprache innerhalb des Style- bzw. Script-Bereichs verwendet wird. Erwartet wird die Angabe des MIME-Types 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". Genau das sind jedoch auch die Default-Werte. Wenn Sie also CSS-Stylesheets und JavaScripts verwenden, können Sie das type-Attribut in HTML5-Dokumenten weglassen.

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.