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

Описание

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

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

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

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

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

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

Пример с разными настройками:

<div contenteditable="true"> <span spellcheck="true">Текст с проверкой</span> | <span spellcheck="false">Текст без проверки</span> | <span>Текст с наследованием настроек</span> </div>

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

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

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

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

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