HTML lang globales Attribut

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Daslang-globale Attribut hilft dabei, die Sprache eines Elements zu definieren: die Sprache, in der nicht-editierbare Elemente geschrieben sind, oder die Sprache, in der die editierbaren Elemente vom Benutzer geschrieben werden sollten. Das Attribut enthält einen einzelnenBCP 47 Sprach-Tag.

Hinweis:Der Standardwert vonlang ist der leere String, was bedeutet, dass die Sprache unbekannt ist. Daher wird empfohlen, immer einen geeigneten Wert für dieses Attribut anzugeben.

Probieren Sie es aus

<p>This paragraph is English, but the language is not specifically defined.</p><p lang="en-GB">This paragraph is defined as British English.</p><p lang="fr">Ce paragraphe est défini en français.</p>

p::before {  padding-right: 5px;}[lang="en-GB"]::before {  content: "(In British English) ";}[lang="fr"]::before {  content: "(In French) ";}

Wenn der Attributwert derleere String (lang="") ist, wird die Sprache alsunbekannt gesetzt; wenn der Sprach-Tag gemäß BCP47 nicht gültig ist, wird er alsungültig gesetzt.

Selbst wenn daslang-Attribut gesetzt ist, kann es möglicherweise nicht berücksichtigt werden, da dasxml:lang-Attribut Vorrang hat.

Für die CSS-Pseudoklasse:lang sind zwei ungültige Sprachbezeichnungen unterschiedlich, wenn ihre Namen unterschiedlich sind. Während:lang(es) sowohllang="es-ES" als auchlang="es-419" entspricht, würde:lang(xyzzy)nichtlang="xyzzy-Zorp!" entsprechen.

Barrierefreiheitsaspekte

Das WCAG-Erfolgskriterium 3.1.1verlangt, dass eine Seitensprache auf eine Weise angegeben wird, die 'programmatisch bestimmbar' ist (d.h. über daslang-Attribut).

Das WCAG-Erfolgskriterium 3.1.2 verlangt, dass Seiten mitTeilen in verschiedenen Sprachen auch die Sprachen dieser Teile spezifizieren. Auch hier ist daslang-Attribut der korrekte Mechanismus dafür.

Der Zweck dieser Anforderungen besteht hauptsächlich darin, unterstützenden Technologien wie Bildschirmlesegeräten zu ermöglichen, die korrekte Aussprache zu verwenden.

Zum Beispiel beinhaltet das Sprachmenü auf dieser Seite (MDN) einlang-Attribut für jeden Eintrag:

html

<div>  <button       type="button"       aria-haspopup="true"    aria-owns="language-menu"    aria-label="Current language is English. Choose your preferred language.">    English    <span aria-hidden="true">▼</span>  </button>  <ul          aria-expanded="true"    role="menu">    <li role="menuitem">      <a        href="/ca/docs/Web/HTML/Reference/Global_attributes/lang"        title="Catalan">        <bdi lang="ca">Català</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/de/docs/Web/HTML/Reference/Global_attributes/lang"        title="German">        <bdi lang="de">Deutsch</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/es/docs/Web/HTML/Reference/Global_attributes/lang"        title="Spanish">        <bdi lang="es">Español</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/fr/docs/Web/HTML/Reference/Global_attributes/lang"        title="French">        <bdi lang="fr">Français</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/ja/docs/Web/HTML/Reference/Global_attributes/lang"        title="Japanese">        <bdi lang="ja">日本語</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/ko/docs/Web/HTML/Reference/Global_attributes/lang"        title="Korean">        <bdi lang="ko">한국어</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/pt-BR/docs/Web/HTML/Reference/Global_attributes/lang"        title="Portuguese (Brazilian)">        <bdi lang="pt-BR">Português (do&nbsp;Brasil)</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/ru/docs/Web/HTML/Reference/Global_attributes/lang"        title="Russian">        <bdi lang="ru">Русский</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/uk/docs/Web/HTML/Reference/Global_attributes/lang"        title="Ukrainian">        <bdi lang="uk">Українська</bdi>      </a>    </li>    <li role="menuitem">      <a        href="/zh-CN/docs/Web/HTML/Reference/Global_attributes/lang"        title="Chinese (Simplified)">        <bdi lang="zh-Hans">中文 (简体)</bdi>      </a>    </li>    <li>      <a        href="/en-US/docs/Web/HTML/Reference/Global_attributes/lang"        rel="nofollow"       >        Add a translation      </a>    </li>  </ul></div>

Vererbung

Wenn ein Element keinlang-Attribut hat, wird es denlang-Wert von seinemElternknoten erben, der ihn wiederum von seinem Elternteil erben kann, und so weiter.

Spezifikationen

Specification
HTML # attr-lang

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen •Fehler mit dieser Übersetzung melden

ページ先頭