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

Описание

Атрибут spellcheck определяет, должна ли проверяться орфография содержимого элемента <section> при его редактировании. Это полезно для редактируемых разделов с текстовым содержимым.

Пример использования:
<section contenteditable="true" spellcheck="true"> <h2>Редактируемый раздел</h2> <p>Здесь можно редактировать текст с проверкой орфографии</p> </section>

Значения атрибута:

Значение Описание Когда использовать
true Включить проверку орфографии Для редактируемых текстовых блоков
false Отключить проверку орфографии Для кода, специальных терминов

Особенности работы:

  • Работает только при contenteditable="true"
  • Зависит от языковых настроек браузера (lang атрибут)
  • Не влияет на нередактируемые элементы
  • Поддерживается всеми современными браузерами

Пример с разными языками:

<section contenteditable="true" spellcheck="true" lang="en"> <p>English text with spell checking</p> </section> <section contenteditable="true" spellcheck="true" lang="ru"> <p>Русский текст с проверкой орфографии</p> </section>

Рекомендации:

  • Для многоязычных разделов указывайте lang
  • Отключайте проверку для разделов с кодом (spellcheck="false")
  • Используйте вместе с CSS-классами для визуальных подсказок
  • Тестируйте в целевых браузерах

Ограничения:

  • Не работает на мобильных устройствах одинаково
  • Может некорректно обрабатывать смешанные языки
  • Не заменяет профессиональные редакторы текста

Примечание: Для сложных сценариев редактирования лучше использовать специализированные библиотеки:

  • Quill
  • TinyMCE
  • CKEditor
  • ProseMirror