Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
rel="alternate stylesheet"
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Dasalternate stylesheet Schlüsselwortpaar, wenn es als Wert für dasrel-Attribut des<link>-Elements verwendet wird, zeigt an, dass die Zielressource einalternatives Stylesheet ist. Das Angeben vonalternativen Stylesheets auf einer Webseite ermöglicht es Benutzern, je nach ihren Bedürfnissen oder Vorlieben, verschiedene Versionen einer Seite zu sehen.
Hinweis:Diese Funktion wird in Browsern ohne Erweiterung nicht gut unterstützt. Um alternative Präsentationen anzubieten, die mit den bestehenden Präferenzen eines Benutzers funktionieren, sehen Sie sich die CSSMedienfunktionenprefers-color-scheme undprefers-contrast an.
Firefox ermöglicht es Benutzern, alternativeStylesheets über das UntermenüAnsicht > Seitenstil auszuwählen, in dem die Werte dertitle-Attribute angezeigt werden. Andere Browser erfordern eine Erweiterung, um diese Funktionalität zu aktivieren. Die Webseite kann auch ihre eigene Benutzeroberfläche bereitstellen, um Benutzern den Wechsel der Styles zu ermöglichen.
Beispiele
Angabe von alternativen Stylesheets
Alternative Stylesheets werden durch<link>-Elemente mit den Attributenrel="alternate stylesheet" und `title="…"`` spezifiziert. Zum Beispiel:
<link href="reset.css" rel="stylesheet" /><link href="default.css" rel="stylesheet" title="Default Style" /><link href="fancy.css" rel="alternate stylesheet" title="Fancy" /><link href="basic.css" rel="alternate stylesheet" title="Basic" />In diesem Beispiel werden die Styles "Default Style", "Fancy" und "Basic" im Firefox-UntermenüSeitenstil aufgelistet, wobei "Default Style" vorausgewählt ist. Wenn der Benutzer einen anderen Stil auswählt, wird die Seite sofort mit diesem Stylesheet neu gerendert.
Unabhängig davon, welcher Stil ausgewählt ist, werden die Regeln aus demreset.css-Stylesheet immer angewendet.
Probieren Sie es aus
Details
Jedes Stylesheet in einem Dokument fällt in eine der folgenden Kategorien:
- Persistent (hat
rel="stylesheet", keintitle=""): wird immer auf das Dokument angewendet. - Preferred (hat
rel="stylesheet", mittitle="…"spezifiziert): wird standardmäßig angewendet, aberdeaktiviert, wenn ein alternatives Stylesheet ausgewählt wird.Es kann nur ein bevorzugtes Stylesheet geben, daher werden Stylesheets mit unterschiedlichen Titelattributen dazu führen, dass einige von ihnen ignoriert werden. - Alternate (
rel="alternate stylesheet", mittitle="…"spezifiziert): standardmäßig deaktiviert, kann ausgewählt werden.
In Fällen, in denen ein Stylesheet-Menü existiert, wenn Stylesheets mit einemtitle-Attribut am<link rel="stylesheet"> oder<style>-Element referenziert werden, wird der Titel zu einer der angebotenen Auswahlmöglichkeiten für den Benutzer. Stylesheets, die mit demselbentitle verlinkt sind, sind Teil derselben Auswahl. Stylesheets, die ohne eintitle-Attribut verlinkt sind, werden immer angewendet.
Verwenden Sierel="stylesheet" für das Verknüpfen mit dem Standardstil undrel="alternate stylesheet" für das Verknüpfen mit alternativen Stylesheets. Dies teilt dem Browser mit, welcher Stylesheet-Titel standardmäßig ausgewählt werden sollte, und macht diese Standardauswahl in Browsern anwendbar, die alternative Stylesheets nicht unterstützen.
Spezifikationen
| Specification |
|---|
| HTML # rel-alternate |
| HTML # the-link-is-an-alternative-stylesheet |
| HTML # attr-style-title |
| HTML # attr-meta-http-equiv-default-style |
| CSS Object Model (CSSOM) # css-style-sheet-collections |