Атрибут spellcheck тега <h3>
Описание
Атрибут spellcheck определяет, нужно ли проверять орфографию в тексте внутри тегов <h1>-<h6>. Это полезно, если заголовки могут редактироваться пользователем.
<h1 spellcheck="true" contenteditable="true">Редактируемый заголовок с проверкой</h1>
<h2 spellcheck="false" contenteditable="true">Редактируемый заголовок без проверки</h2>
<h3 contenteditable="true">Заголовок с проверкой по умолчанию</h3>
Особенности работы:
| Значение | Описание | Поведение |
|---|---|---|
true |
Включена проверка орфографии | Подчеркивает ошибки красной линией |
false |
Отключена проверка орфографии | Игнорирует орфографические ошибки |
| Отсутствует | Наследуется от родителя | По умолчанию обычно отключено |
Рекомендации по использованию:
- Работает только с элементами, имеющими атрибут
contenteditable - Для полей ввода используйте
<input>или<textarea> - Настройки браузера могут переопределять этот атрибут
- Не влияет на SEO, чисто клиентская функция
Пример с CSS для подсветки:
<style>
[spellcheck="true"] {
border-bottom: 2px dashed rgba(0,0,0,0.1);
padding-bottom: 2px;
}
[spellcheck="true"]:focus {
outline: 2px solid #4CAF50;
}
</style>
<h2 spellcheck="true" contenteditable="true">Заголовок с визуальным индикатором проверки</h2>
Ограничения и совместимость:
- Поддерживается всеми современными браузерами
- Работает только в редактируемых элементах
- Зависит от словарей, установленных в браузере
- Не может кастомизировать словарь проверки
Примечание: Атрибут spellcheck полезен в CMS и системах, где пользователи могут редактировать заголовки напрямую на странице. Для обычных статических заголовков он не нужен.