Теги <del> и <ins> в HTML предназначены для выделения изменений в содержимом страницы сайта. Они помогают визуально отобразить, какие части текста были удалены и какие добавлены, что особенно полезно при показе редакций, корректировок или обновлений контента. Вот как правильно их применять:
Тег <del>
Тег <del> используется для отображения текста, который был удалён из документа. По умолчанию браузеры отображают содержимое тега <del> как текст, перечёркнутый линией.
Атрибуты:
cite: Указывает на URL документа или ресурса, который объясняет, почему элемент был удалён.datetime: Указывает дату и время, когда элемент был изменён. Формат должен соответствовать глобальному формату даты и времени ISO 8601.
Пример использования:
<p>Мой любимый цвет — <del datetime="2024-01-01">синий</del> <ins datetime="2024-01-02">зелёный</ins>.</p>
Тег <ins>
Тег <ins> применяется для обозначения текста, который был добавлен в документ. Содержимое тега <ins> обычно подчёркивается в веб-браузерах.
Атрибуты:
cite: Подобно тегу<del>, ссылается на документ, объясняющий причину добавления.datetime: Отмечает время добавления элемента согласно ISO 8601.
Пример использования:
<p>В этом году я решил посадить <ins datetime="2024-03-15">томаты и огурцы</ins> в своём саду.</p>
Как правильно применять
- Чёткое обозначение изменений: Используйте
<del>и<ins>для точного указания, что именно было изменено в тексте. - Дата и время изменений: При возможности добавляйте атрибуты
datetime, чтобы обеспечить контекст изменений. Это повышает прозрачность и понимание истории документа или статьи. - Атрибут
citeдля ссылок на обоснование: Если есть внешний документ или страница, объясняющая изменения, используйте атрибутciteдля ссылки на эти ресурсы. - Акцент на изменениях, а не на стиле: Несмотря на то, что по умолчанию
<del>и<ins>имеют определённые стилевые отображения (перечёркнутый и подчёркнутый текст соответственно), цель их использования — показать изменения в контенте. Стиль можно изменить с помощью CSS, если это необходимо для вашего дизайна. - Совместное использование: Часто
<del>и<ins>используются вместе для демонстрации, что конкретно было удалено и добавлено в тексте или документе.
Применение этих тегов улучшает структуру контента, делая изменения более заметными и понятными для пользователей, что способствует лучшей доступности и пониманию контента.
