Атрибут spellcheck тега <dt>
Описание
Атрибут spellcheck определяет, должна ли проверяться орфография текста внутри элемента <dt> (термина в списке определений) при редактировании.
Особенность: Атрибут работает только для редактируемых элементов (с
Пример использования:
contenteditable="true" или в полях формы).
<dl>
<dt contenteditable="true" spellcheck="true">HTML</dt>
<dd contenteditable="true">Язык гипертекстовой разметки</dd>
<dt contenteditable="true" spellcheck="false">CSS</dt>
<dd contenteditable="true">Cascading Style Sheets</dd>
</dl>
Допустимые значения:
| Значение | Описание | Поведение |
|---|---|---|
true |
Включить проверку | Ошибки подчеркиваются красным |
false |
Выключить проверку | Орфография не проверяется |
| Не указан | По умолчанию | Наследует поведение родителя |
Правильное применение:
<dl id="editable-glossary">
<!-- Для технических терминов отключаем проверку -->
<dt contenteditable="true" spellcheck="false">AJAX</dt>
<dd contenteditable="true">Асинхронные запросы</dd>
<!-- Для обычных описаний включаем проверку -->
<dt contenteditable="true" spellcheck="true">Веб-страница</dt>
<dd contenteditable="true" spellcheck="true">Документ в интернете</dd>
</dl>
Советы по использованию:
- Всегда указывайте
langдля правильной проверки - Для технических терминов и кода используйте
spellcheck="false" - Для пользовательского ввода включайте проверку
- Тестируйте в разных браузерах (поддержка может отличаться)
Ограничения и особенности:
- Работает только в современных браузерах
- Внешний вид подчеркивания зависит от браузера
- Нельзя кастомизировать стиль подчеркивания ошибок
- Словарь зависит от браузера и ОС
Пример с CSS:
<style>
/* Стиль для редактируемых терминов */
[contenteditable="true"] {
border: 1px dashed #ccc;
padding: 3px;
min-width: 100px;
}
/* Визуальное отличие при включенной проверке */
[spellcheck="true"] {
background-color: #f8f9fa;
}
</style>
<dl>
<dt contenteditable="true" spellcheck="true">Редактируемый термин</dt>
<dd contenteditable="true">Редактируемое определение</dd>
</dl>
Примечание: Хотя атрибут spellcheck полезен для веб-редакторов, для профессиональных решений лучше использовать специализированные библиотеки проверки орфографии с более широкими возможностями кастомизации.