Атрибут spellcheck тега <b>
Описание
Атрибут spellcheck определяет, должна ли проводиться проверка орфографии для содержимого элемента <b>. Важно отметить, что атрибут работает только для редактируемых элементов.
Особенность: По умолчанию тег <b> не является редактируемым, поэтому для работы spellcheck необходимо добавить атрибут
Пример использования:
contenteditable.
<div>
<p contenteditable="true">
Редактируемый текст с <b spellcheck="true">проверкой орфографии</b>
</p>
<p contenteditable="true" spellcheck="false">
Текст <b>без проверки</b> орфографии
</p>
</div>
Значения атрибута:
| Значение | Поведение | Рекомендации |
|---|---|---|
true |
Включает проверку орфографии | Для текстовых редакторов |
false |
Отключает проверку | Для кодов, имен собственных |
| (отсутствует) | Наследует настройки родителя | По умолчанию |
Особенности работы:
- Работает только в сочетании с
contenteditable="true" - Зависит от языка, указанного в атрибуте
lang - Браузеры могут игнорировать настройку, если проверка отключена в настройках
- Не влияет на нередактируемые элементы
<div contenteditable="true">
<p lang="en" spellcheck="true">
This <b>text</b> will be checked in English
</p>
<p lang="ru" spellcheck="true">
Этот <b>текст</b> будет проверяться на русском
</p>
</div>
JavaScript управление:
const boldElement = document.querySelector('b');
// Включить проверку
boldElement.spellcheck = true;
// Проверить состояние
console.log('Проверка орфографии:', boldElement.spellcheck);
Лучшие практики:
- Используйте для текстовых редакторов и форм
- Сочетайте с правильным указанием языка (
lang) - Отключайте для полей ввода кодов, технических терминов
- Тестируйте в целевых браузерах
Ограничения: Не все браузеры одинаково обрабатывают spellcheck для вложенных элементов. Для надежности указывайте атрибут на самом редактируемом контейнере.
Определение поддержки:
// Проверка поддержки атрибута
console.log('Поддержка spellcheck:', 'spellcheck' in document.createElement('b'));
Совет: Для сложных редакторов используйте специализированные библиотеки проверки орфографии вместо нативного spellcheck.
Примечание: В отличие от текстовых полей формы (<input>, <textarea>), для обычных элементов spellcheck по умолчанию отключен.