Атрибут color тега <strike>
Описание
Атрибут color не является валидным для тега <strike>. Для изменения цвета текста используйте CSS-свойство color через атрибут style или внешние стили.
Важно: Атрибут color никогда не был частью спецификации для <strike>. Он работал только в устаревшем теге <font>.
Правильное использование CSS:
<p>
<strike style="color: #ff0000;">Красный перечеркнутый текст</strike><br>
<strike style="color: #999;">Серый перечеркнутый текст</strike>
</p>
Современные методы стилизации:
| Метод | Пример | Преимущества |
|---|---|---|
| Inline-стили | <strike style="color: blue;"> |
Быстрое применение |
| CSS-классы | <strike class="error-text"> |
Повторное использование |
| Внешний CSS | strike.discount { color: red; } |
Лучшая организация кода |
Рекомендуемый подход:
<style>
.old-price {
color: #999;
text-decoration: line-through;
}
.error-strike {
color: #d32f2f;
text-decoration-color: #d32f2f;
}
</style>
<p>
<del class="old-price">5000 руб.</del><br>
<s class="error-strike">Недействительная информация</s>
</p>
Рекомендации:
- Используйте семантические теги
<del>или<s> - Применяйте CSS-классы вместо inline-стилей
- Для цветов используйте HEX, RGB или CSS-переменные
- Соблюдайте достаточный контраст для доступности
Ограничения устаревшего подхода:
- Атрибут color не работает с тегом <strike>
- Устаревшая методика (из HTML 3.2)
- Нет поддержки в валидаторах HTML5
- Ограниченные возможности стилизации
Примечание: Для профессиональной разработки используйте CSS-препроцессоры (SASS/LESS) или CSS-модули для управления цветами.