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

Описание

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

Особенность: Работает только для редактируемых элементов (с contenteditable="true" или в полях формы).
Пример использования:
<div contenteditable="true"> <p>Редактируемый текст с <em spellcheck="true"> проверкой орфографии</em> и <em spellcheck="false">без проверки</em>.</p> </div>

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

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

Рекомендации по применению:

<div contenteditable="true"> <p> <em spellcheck="false">Названия продуктов (React, JavaScript)</em> не должны проверяться, а <em spellcheck="true">обычный текст</em> должен проверяться на орфографию. </p> </div>

Советы по использованию:

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

Пример с CSS-стилизацией:

<style> em[spellcheck="true"] { background-color: #f8f9fa; padding: 2px 4px; } em[spellcheck="false"] { font-family: monospace; } </style> <div contenteditable="true"> <p> <em spellcheck="true">Проверяемый текст</em> и <em spellcheck="false">API endpoint</em>. </p> </div>

Ограничения и особенности:

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

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