Атрибут lang тега <blockquote>
Описание
Атрибут lang для тега <blockquote> указывает язык текста внутри цитаты. Это важный семантический атрибут, который:
- Помогает браузерам и скринридерам правильно интерпретировать текст
- Влияет на выбор шрифта и типографику
- Улучшает доступность и SEO
- Может автоматически менять направление текста (для RTL-языков)
Пример использования:
<blockquote lang="fr" cite="https://example.com">
<p>Ce n'est pas un signe de bonne santé que d'être bien adapté à une société profondément malade.</p>
<footer>— Jiddu Krishnamurti</footer>
</blockquote>
Особенности работы:
| Язык | Код | Рекомендации |
|---|---|---|
| Английский | en |
Можно указывать диалект: en-US |
| Русский | ru |
Для кириллицы |
| Арабский | ar |
Добавляйте dir="rtl" |
| Китайский | zh |
Уточняйте вариант: zh-CN, zh-TW |
Совместное использование с dir:
<blockquote lang="ar" dir="rtl">
<p>الخيال أهم من المعرفة</p>
<footer>— ألبرت أينشتاين</footer>
</blockquote>
CSS для языковых стилей:
/* Специфичные стили для китайских цитат */
blockquote:lang(zh) {
font-family: 'Noto Sans SC', sans-serif;
line-height: 1.8;
}
/* Стили для арабских цитат */
blockquote:lang(ar) {
font-family: 'Amiri', serif;
text-align: right;
}
Совет: Для цитат со смешанными языками используйте lang на внутренних элементах: <span lang="fr">Bonjour</span> внутри основной цитаты.
JavaScript доступ:
const quote = document.querySelector('blockquote');
console.log('Язык цитаты:', quote.lang);
Рекомендации:
- Всегда указывайте язык для цитат на иностранных языках
- Для RTL-языков добавляйте
dir="rtl" - Используйте стандартные коды языков (ISO 639-1)
- Для региональных вариантов указывайте код страны (например,
pt-BR)