Атрибут 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 и системах, где пользователи могут редактировать заголовки напрямую на странице. Для обычных статических заголовков он не нужен.