Атрибут spellcheck тега <caption>
Описание
Атрибут spellcheck для элемента <caption> определяет, должна ли проверяться орфография текста заголовка таблицы. Однако важно понимать, что этот атрибут не имеет практического применения для обычных заголовков, так как они не являются редактируемыми элементами.
Важно: Атрибут spellcheck работает только для элементов с
Техническая информация:
contenteditable="true" или редактируемых полей форм (input, textarea). Для статического текста в <caption> он не оказывает никакого эффекта.
| Значение | Поведение | Применимость к <caption> |
|---|---|---|
true |
Включает проверку орфографии | Не работает (элемент не редактируемый) |
false |
Отключает проверку орфографии | Не работает (элемент не редактируемый) |
| Не указан | Наследует поведение родителя | По умолчанию (без эффекта) |
Практическое применение (когда может работать):
<table>
<caption contenteditable="true" spellcheck="true">
Редактируемый заголовок с проверкой орфографии
</caption>
<tr>
<td>Содержимое таблицы</td>
</tr>
</table>
Рекомендации:
- Не используйте spellcheck для обычных статических заголовков
- Для редактируемых caption (что редкость) указывайте язык через атрибут lang
- Проверку орфографии лучше реализовывать на стороне CMS или в специализированных редакторах
- Избегайте нестандартного использования caption как редактируемого элемента
Альтернативные решения:
<!-- 1. Обычный статический заголовок -->
<caption>Финансовый отчет Q3</caption>
<!-- 2. Редактирование через отдельный интерфейс -->
<input type="text" spellcheck="true" value="Заголовок таблицы">
<table>
<caption id="tableCaption">Заголовок таблицы</caption>
<!-- Содержимое -->
</table>
<script>
document.querySelector('input').addEventListener('input', function() {
document.getElementById('tableCaption').textContent = this.value;
});
</script>
Примечание: Семантически элемент <caption> предназначен для статического описания таблицы, а не для редактируемого контента. Для реализации редактируемых заголовков рассмотрите альтернативные UI-решения.