top-banner

Тег del в HTML: что это такое?

Дата последнего обновления статьи:

BODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLEBODYTABLEFOOTERBUTTONBRHEADERDIVSECTIONIMGSPANARTICLE<del>

Это изображениелицензировано подCC BY 4.0ccpersonperson

Тег 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.

Правила сайта