Тег <strike>
Описание
Тег <strike> (устаревший в HTML5) отображает текст перечёркнутым горизонтальной линией. Ранее использовался для обозначения удалённого или неактуального контента, но в современной версии HTML заменён на более семантические теги <del> и <s>.
<p>Цена: <strike>5000 руб.</strike> 3500 руб.</p>
Ключевые особенности:
- Устарел в HTML5 (используйте
<del>или<s>) - Чисто визуальный эффект без семантического значения
- По умолчанию отображается с line-through оформлением
- Поддерживается браузерами для обратной совместимости
- Может содержать другие inline-элементы
<!-- Для удалённого контента -->
<p>Первоначальный текст: <del>старая версия</del></p>
<!-- Для устаревшей информации -->
<p>Акция: <s>5000 руб.</s> 2500 руб.</p>
<!-- Чисто визуальное перечёркивание -->
<span style="text-decoration: line-through">текст</span>
Сравнение с современными аналогами:
| Тег | Назначение | Статус |
|---|---|---|
<strike> |
Визуальное перечёркивание | Устарел |
<del> |
Удалённый/изменённый контент | Актуальный |
<s> |
Неактуальная (но не удалённая) информация | Актуальный |
Рекомендации по использованию:
- Избегайте использования в новых проектах
- Для обозначения удалённого контента применяйте
<del> - Для устаревшей информации используйте
<s> - Для чисто визуального эффекта лучше применять CSS
- При поддержке legacy-кода заменяйте на современные аналоги
<style>
.strikethrough {
text-decoration: line-through;
/* Дополнительные стили */
color: #999;
}
</style>
<p>Цена: <span class="strikethrough">5000 руб.</span> 3500 руб.</p>
Хотя тег <strike> продолжает работать в браузерах, в современной веб-разработке следует использовать его семантические аналоги (<del> и <s>) или CSS-стилизацию для лучшей доступности и соответствия стандартам.
Атрибуты
| accesskey | Горячая клавиша для активации |
| class | CSS-классы для стилизации |
| contenteditable | Разрешает редактирование |
| data-* | Пользовательские данные |
| dir | Направление текста |
| hidden | Скрывает элемент |
| id | Уникальный идентификатор |
| lang | Язык содержимого |
| spellcheck | Проверка орфографии |
| style | Инлайновые стили |
| tabindex | Порядок перехода |
| title | Всплывающая подсказка |
| translate | Определяет возможность перевода |
| align | Горизонтальное выравнивание |
| color | Цвет текста |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 3.0 | 1.0 | 1.0 |