Атрибут spellcheck тега <header>

Описание

Атрибут spellcheck определяет, должна ли проводиться проверка орфографии для редактируемого содержимого внутри тега <header>. Работает только в сочетании с атрибутом contenteditable.

Пример использования:
<header contenteditable="true" spellcheck="true"> <h1>Редактируемый заголовок с проверкой орфографии</h1> <p>Опечатки будут подчёркнуты красным</p> </header> <header contenteditable="true" spellcheck="false"> <h1>Редактируемый заголовок без проверки</h1> </header>

Допустимые значения:

Значение Описание Поведение
true Включена проверка орфографии Браузер отмечает орфографические ошибки
false Отключена проверка орфографии Ошибки не выделяются
Отсутствует Наследует настройки родителя По умолчанию обычно отключено

Рекомендации по использованию:

  • Используйте для:
    • CMS и административных панелей
    • Интерактивных текстовых редакторов
    • Форм с редактируемым текстом
  • Не работает без contenteditable="true"
  • Для полей формы используйте <input> или <textarea>
  • Язык проверки определяется атрибутом lang

Пример с определением языка:

<header contenteditable="true" spellcheck="true" lang="en"> <h1>English text with spellchecking</h1> </header> <header contenteditable="true" spellcheck="true" lang="fr"> <h1>Texte en français avec vérification</h1> </header>

Ограничения и совместимость:

  • Поддерживается всеми современными браузерами
  • Работает только в редактируемых элементах
  • Зависит от словарей, установленных в браузере
  • Нельзя кастомизировать словарь проверки
  • На мобильных устройствах поведение может отличаться

Примечание: Атрибут spellcheck полезен в интерфейсах, где пользователи могут редактировать текст напрямую на странице. Для обычных статических заголовков он не требуется. Для профессиональных текстовых редакторов рассмотрите использование специализированных библиотек проверки орфографии.