Атрибут spellcheck тега <mark>
Описание
Атрибут spellcheck для тега <mark> определяет, должна ли проверяться орфография текста внутри выделенного фрагмента. Это особенно полезно для редактируемого контента.
<div contenteditable="true">
<p>
Это редактируемый текст с <mark spellcheck="true">проверкой орфографии</mark>
и <mark spellcheck="false">без проверки</mark>.
</p>
</div>
Значения атрибута:
| Значение | Поведение | Рекомендуемое использование |
|---|---|---|
spellcheck="true" |
Включает проверку орфографии | Для обычного редактируемого текста |
spellcheck="false" |
Отключает проверку орфографии | Для кода, специальных терминов, имен |
| Без атрибута | Наследует настройки родителя | Когда нужно сохранить общее поведение |
Рекомендации по использованию:
- Используйте вместе с
contenteditable="true" - Для терминов и кода устанавливайте
spellcheck="false" - Сочетайте с атрибутом
langдля точной проверки - Проверяйте работу в разных браузерах
Ограничения и совместимость:
- Поддерживается в Chrome, Firefox, Edge, но не в Safari
- Требует редактируемого контекста (contenteditable или формы)
- Не влияет на нередактируемый текст
- Поведение может отличаться в разных браузерах
Примечание: Хотя атрибут spellcheck можно применять к тегу <mark>, он будет работать только в редактируемых областях. Для обычного выделенного текста без возможности редактирования этот атрибут не имеет эффекта.