Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)

DEL & INS

7 сентября 2007 г.

Семантическое удаление и вставка текста в (X)HTML.

Хочу вам поведать про малоприметные, но полезные теги del и ins. Со временем у них менялось отображение в браузерах, но сейчас оно устаканилось, и можно почти не заботиться об этом. Почему «почти не заботиться» — покажу ниже.

Если вы ведёте блог, то, вероятно, иногда вам доводится удалять какой-то фрагмент постфактум. Либо вы даже это как бы делаете в процессе, для создания комического или какого-то ещё эффекта. В коде это оформляется обычно тегами s или strike, которые deprecated и всё такое. Например:

Как же я вас всех <s>ненавижу</s> люблю!!

Как же я вас всех ненавижу люблю!!

Можно, конечно, deprecated элементы заменить на что-то типа <span style="text-decoration:line-through">ненавижу</span>. Но  есть более верный и семантически корректный способ:

Как же я вас всех <del>ненавижу</del> <ins>люблю</ins>!!

Как же я вас всех ненавижу люблю!!

Тег del — удаляет, а ins — вставляет. Неплохо вставляет. Только лично мне очень не по душе подчёркнутость на вебе, если это не ссылка. Вот здесь как раз и надо позаботиться с помощью CSS. Например, таким образом:

ins{
font-style:italic;
text-decoration:none;
}

В итоге получается как-то так:

Как же я вас всех ненавижу люблю!!

У тегов del и ins есть некоторые атрибуты, помогающие определить, когда (datetime) и почему (cite) были сделаны изменения. Если интересно, то просмотрите кусок спецификации.

Хитовые статьи про разработку сайтов

Рассылка новостей и новых статей

Сообщения будут приходить пару раз в неделю, не чаще

Объявления

LiveInternet