Подскажите HTML тег зачеркнутый текст

На разных блогах, особенно в ЖЖ, частно встречается текст, который как бы перечеркнут линией. Поскажите соответствующий тег — зачеркнутый текст порой очень нужен!

Добрый день!

Для того, чтобы сделать перечеркнутый текст, на самом деле существует не один сразу целых три HTML тега!

Вот их список:

<del>и вновь зачеркнутый текст</del>
<s>зачеркнутый текст</s>
<strike>вновь зачеркнутый текст</strike>

Все они делают вот такое вот красивое зачеркивание.

Следует, однако, отметить, что теги <s> и <strike> уже морально устарели и даже не включены в XHTML и HTML5 — вместо них рекомендуется использовать тег <del>.

Дело в том, что эти теги существовали исторически, однако являлись исключительно тегами для форматирования текста (как курсив, выделение жирным и т.д.), в то время как <del>, выполняя ту же функцию, дополнительно еще несет и смысловую нагрузку, сообщая, что текст был удален — этот параметр может учитываться поисковыми системами и, возможно, каким-либо еще скриптами или системами. Это Вам не на Юкозе сайты клепать ))

Для этого в этом теге также предусмотрены дополнительные параметры, отсутствовавшие у его предшественников — datetime, в котором можно указать дату и время, в которые произошло удаление, а также cite — в этом параметре можно указать ссылку на страницу, в котором описывается причина, по которой произошло удаление соответствующей части текста.

P.S. Также удаление можно сделать без всяких тегов CSSсвойством line-through:

<p class="deleted-text">Перечеркнутый текст написан здесь</p>
.deleted-text {
text-decoration: line-through;
}

Если у вас имеются еще какие-либо вопросы — пишите (можно в комментариях), обязательно постараюсь ответить!

Если Вы нашли для себя что-то полезное на этой странице, пожалуйста, нажмите на одну из этих кнопок:
Комментарии
  1. Сергей

    Ни одним из указанных Вами способов ( теги s, del, strike) не удается получить зачеркнутый текст

  2. Вадим

    Спасибо, информация полезная. Пригодилась!

  3. Тимур

    » Это Вам не на Юкозе сайты клепать ))»
    Старо как мир =))

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>