DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Der :lang() Pseudo-Klassen-Selektor in CSS passt Elemente basierend auf dem Kontext ihres gegebenen Sprachattributs an. Die Sprache in HTML wird durch eine Kombination aus dem lang=""-Attribut, dem <meta>-Element und Informationen aus dem Protokoll wie dem HTTP Accept-Language-Request-Header1 bestimmt. Akzeptable Sprachcode-Strings sind in der HTML 4.0 Spezifikation festgelegt.
:lang(language-code) {
// whatever styling
}:lang(X) passt, wenn das Element in der Sprache X ist. Ob die Übereinstimmung ausschließlich auf der Kennung X basiert, die entweder gleich dem Sprachwert des Elements ist oder eine durch Bindestriche getrennte Unterzeichenfolge davon ist, auf die gleiche Weise, als ob sie durch den Operator „|=“ durchgeführt würde. Die Übereinstimmung von X mit dem Sprachwert des Elements wird für Zeichen innerhalb des ASCII-Bereichs nicht berücksichtigend der Groß- und Kleinschreibung durchgeführt. Die Kennung X muss kein gültiger Sprachname sein. Es ist wichtig zu beachten, dass der :lang-Selektor global oder spezifisch für jedes gegebene Element verwendet werden kann. Sie können gerne Nachfahrenselektoren oder die :lang(Sprachcode)-Pseudoklasse allein verwenden.
Beispiel
Durch die Verwendung des lang-Attributs auf unserem Wurzelelement (d.h. <html>) können wir Anführungszeichen je nach angegebener Sprache ersetzen.
<html lang="en">
<body>
<p><q>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</q></p>
</body>
</html>q:before { content: open-quote; }
q:after { content: close-quote; }
:lang(en) q { quotes: '“' '”'; }
:lang(fr) q { quotes: '«' '»'; }
:lang(de) q { quotes: '»' '«'; }Englisch (en)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Französisch (fr)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Deutsch (de)
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Das Sprachattribut kann nicht auf die folgenden Elemente angewendet werden
- applet
- base
- basefont
- br
- frame
- frameset
- iframe
- param
- script
Verwandte Eigenschaften
Weitere Ressourcen
Browser-Unterstützung
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ja | Ja | Ja | Ja | Ja | Ja | Ja |
:lang(X) ist eine Empfehlung der CSS Level 2 Revision 1 Spezifikation und ursprünglich als Teil der CSS Level 2 Spezifikation empfohlen.
1 HTTP-Headerfelder sind Bestandteile des Nachrichtenheaders von Anfragen und Antworten im Hypertext Transfer Protocol (HTTP). Sie definieren die Betriebsparameter einer HTTP-Transaktion. Das Accept-Language-Request-Headerfeld ist ähnlich wie Accept, schränkt jedoch die Menge der natürlichen Sprachen ein, die als Antwort auf die Anfrage bevorzugt werden.
perfekt! Ich hatte Probleme mit dem DIR-Attribut. Das war sehr hilfreich.
Wie ich in meinen Kommentaren zum Thema Quotes schrieb, gibt es Probleme mit der Verknüpfung von Anführungszeichen mit dem lang-Attribut, nämlich:
a) Die in der Praxis verwendeten Anführungszeichen sind oft NICHT die „offiziellen“ Anführungszeichen (sehen Sie sich die meisten Online-Versionen von gedruckten Zeitungen in Westeuropa an, wo die meisten eine US-Variante befolgen).
b) Chrome wendet die „offiziellen“ Anführungszeichen an, die mit dem lang-Element verbunden sind, aber nicht für das body-Element.
c) Chrome wendet die Anführungszeichen auf ein q-Element mit einem lang-Attribut selbst an, anstatt nur auf seine eingebetteten q-Elemente.
Ein paar Websites, die Sie auf Online-Nutzung überprüfen können
http://libguides.mit.edu/content.php?pid=146063&sid=1241695
http://www.enewsreference.com/country_news.shtml
Tatsächlich haben meine Anführungszeichen in CSS richtig definiert, dass sie unabhängig vom lang-Attribut sind, obwohl dies bedeutet, dass eine der Klassen auf JEDEM Element verwendet werden MUSS, auf dem ein lang-Attribut verwendet wird.
Meine Stile (nach Belieben verwenden) sind
/ANFÜHRUNGSZEICHEN/
body{quotes:'\201C' '\201D' '\2018' '\2019';}/“”‘’STANDARD/
.Q_SuiDui * {quotes:'\2018' '\2019' '\201C' '\201D';}/‘’“”/
.Q_DuiSui * {quotes:'\201C' '\201D' '\2018' '\2019';}/“”‘’/
.Q_DS * {quotes:'\22' '\22' '\27' '\27';}/""''/
.Q_DsS * {quotes:'\301D' '\301E' '\27' '\27';}/〝〞''/
.Q_GdoGso * {quotes:'\AB' '\BB' '\2039' '\203A';}/«»‹›/
.Q_GdoDui * {quotes:'\AB' '\BB' '\201C' '\201D';}/«»“”/
.Q_GdoDol * {quotes:'\AB' '\BB' '\201E' '\201D';}/«»„”/
.Q_NK * {quotes:'\300A' '\300B' '\3008' '\3009';}/《》〈〉/
.Q_CJK * {quotes:'\300C' '\300D' '\300E' '\300F';}/「」『』/
.Q_DooSoo * {quotes:'\201E' '\201C' '\201A' '\2018';}/„“‚‘/
.Q_DolSui * {quotes:'\201E' '\201D' '\2018' '\2019';}/„”‘’/
.Q_DolSul * {quotes:'\201E' '\201D' '\2019' '\2019';}/„”’’/
.Q_DolGdo * {quotes:'\201E' '\201D' '\AB' '\BB';}/„”«»/
.Q_DolSuo * {quotes:'\201E' '\201D' '\2019' '\2018';}/„”’‘/
.Q_DolGdi * {quotes:'\201E' '\201D' '\BB' '\AB';}/„”»«/
.Q_GdiGsi * {quotes:'\BB' '\AB' '\203A' '\2039';}/»«›‹/
.Q_DulSul * {quotes:'\201D' '\201D' '\2019' '\2019';}/””’’/
.Q_Ja * {quotes:'\3010' '\3011' '\3016' '\3017';}/【】〖〗/
Es steckt Methode in meinen Klassennamen. Zum Beispiel bedeutet DolGdo = Doppel rechtsgewinkelte Guillemets nach außen.
Hallo! Ich habe kürzlich eine Website für das Unternehmen erstellt, jetzt möchte ich sie bewerben. Ich habe einige Unternehmen gefunden, die dies effizient und günstig tun können. Zum Beispiel Site , oder es ist möglich, einen Webmaster einzustellen. Hat vielleicht jemand von diesem Unternehmen gehört oder kann Ratschläge geben?