Атрибут spellcheck тега <small>
Описание
Атрибут spellcheck определяет, должна ли проверяться орфография текста в редактируемом элементе <small>. Хотя стандартное поведение <small> не поддерживает редактирование, атрибут может применяться при использовании в сочетании с contenteditable="true".
Пример использования:
<small contenteditable="true" spellcheck="true">
Редактируемый текст с проверкой орфографии
</small>
Значения атрибута:
| Значение | Описание | Когда использовать |
|---|---|---|
true |
Включить проверку орфографии | Для редактируемых текстовых элементов |
false |
Отключить проверку орфографии | Для кода, специальных терминов, имен собственных |
| не указан | Наследует поведение родительского элемента | По умолчанию |
Особенности работы:
- Работает только при наличии
contenteditable="true" - Зависит от языковых настроек браузера (атрибут
lang) - Поддерживается всеми современными браузерами
- Визуальное отображение ошибок зависит от браузера
Пример с разными языками:
<small contenteditable="true" spellcheck="true" lang="en">
English text with spell checking
</small>
<small contenteditable="true" spellcheck="true" lang="ru">
Русский текст с проверкой орфографии
</small>
Рекомендации:
- Используйте вместе с атрибутом
langдля точной проверки - Отключайте проверку для элементов с кодом или специальными терминами
- Для обычного (нередактируемого) текста атрибут не нужен
- Тестируйте в целевых браузерах
Ограничения:
- Не работает на мобильных устройствах одинаково
- Может некорректно обрабатывать смешанные языки
- Не заменяет профессиональные текстовые редакторы
- Внешний вид подчеркивания ошибок зависит от браузера
Доступность (a11y):
<small contenteditable="true" spellcheck="true"
aria-label="Редактируемое примечание" role="textbox">
Текст можно редактировать с проверкой орфографии
</small>