Тег del в HTML: что это такое?
Дата последнего обновления статьи:
Это изображениелицензировано подCC BY 4.0
Тег del в HTML используется для обозначения текста, который был удалён из документа. Этот тег помогает показать изменения в документе и часто используется вместе с тегом ins, который обозначает добавленный текст.
Синтаксис тега del
<del>Удалённый текст</del>
Атрибуты тега del
- cite - URL, который объясняет причину удаления текста.
- datetime - дата и время, когда текст был удалён.
Также поддерживает глобальные атрибуты.
Примеры использования тега del
Простой пример
<p>Цена: <del>1000₽</del> 800₽</p>
Использование с атрибутами cite и datetime
<p>
<del
cite="http://example.com/changes"
datetime="2024-01-28T13:00Z"
>старый текст</del>
<ins>новый текст</ins>
</p>
Использование в документации
<article>
<h2>История изменений</h2>
<p>
<del datetime="2024-01-28">Версия 1.0</del>
<ins datetime="2024-01-28">Версия 2.0</ins>
</p>
</article>
Советы по использованию тега del
- Используйте del для обозначения удалённого или заменённого контента, а не просто для зачёркивания текста.
- Всегда указывайте атрибут datetime для лучшего отслеживания изменений.
- Используйте cite для указания причины удаления, если это важно для контекста.
- Комбинируйте del с ins для наглядного показа изменений в тексте.
- Не используйте del только для визуального эффекта - для этого лучше подойдёт тег <s> или CSS свойство text-decoration: line-through.
Часто задаваемые вопросы (FAQ)
1 Чем отличается del от s?
Тег del используется для обозначения удалённого текста и может содержать метаданные об удалении, в то время как s просто показывает зачёркнутый текст без дополнительного семантического значения.
2 Можно ли использовать del вместе с ins?
Да, теги del и ins часто используются вместе для показа изменений в тексте, где del показывает удалённый текст, а ins - добавленный.
3 Как правильно использовать атрибуты cite и datetime в теге del?
Атрибут cite используется для указания URL, объясняющего причину удаления, а datetime - для указания даты и времени удаления в формате ISO.
Заключение
Тег del является важным семантическим элементом HTML, который помогает отслеживать изменения в документах и показывать удалённый контент. Правильное использование этого тега улучшает доступность и понятность документа для пользователей и поисковых систем.
Для получения дополнительной информации о теге del, рекомендуем ознакомиться с официальной документацией на MDN.