как сделать зачеркнутый текст в html

Как сделать зачеркнутый текст в html

Тег отображает текст как перечеркнутый. Этот тег аналогичен тегу , который имеет сокращенную форму записи подобно тегам , и . В любом случае, теги и осуждаются спецификацией HTML, взамен них рекомендуется использовать стили.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

Валидация

Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного . В HTML5 использование запрещено.

HTML 4.01 IE Cr Op Sa Fx

     
Список должников
 
Чебурашка 
Крокодил Гена 
Шапокляк
  

Результат примера показан на рис. 1.

Рис. 1. Вид текста, оформленного с помощью тега

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Как сделать зачеркнутый текст в html

Тег отображает текст как перечеркнутый. Этот тег аналогичен тегу , но в отличие от него имеет сокращенную форму записи подобно тегам , и . Взамен этого тега рекомендуется использовать стили.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог CSS

Валидация

Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного .

HTML5 IE Cr Op Sa Fx

    
Список должников
 
Чебурашка
 
Крокодил Гена
 
Шапокляк
  

Результат примера показан на рис. 1.

Рис. 1. Вид текста, оформленного с помощью тега

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Тег HTML зачеркнутый неактуальный текст, перечеркнутый фрагмент

Тег в HTML используется для выделения фрагмента текста как неактуального, некорректного.

Текст внутри тега будет выведен зачеркнутым.

Выделить часть текста также можно другими способами. Для выделения важных фрагментов (жирным шрифтом) используйте тег , для выделения по смыслу (курсивом) — тег .

Все виды выделения текста описаны в статье: Теги форматирование текста в HTML.

Синтаксис

выделенный текст

Отображение в браузере

Население Земли составляет уже более шести семи миллиардов человек.

Пример использования в HTML коде

 
 
 
 
Население Земли составляет уже более шести семи миллиардов человек.
 

Поддержка браузерами

Тег
	Да	Да	Да	Да	Да

Зачеркнутый текст на сайте через CSS и теги html

Рассмотрим все способы как можно сделать зачеркнутый текст через html и CSS. Существует два варианта реализации:

• Через html теги , и
• Через свойство CSS text-decoration

1. Зачеркнутый текст через html теги , и

Весь текст заключенные в html теги , и становится зачеркнутым. Необычная буква s произошло в сокращение от английского слова «strike».

Разница между всеми тремя тегами визуально отсутствуют. Однако последний вариант с использованием html тега считается более предпочтительным, поскольку он поддерживается в стандарте HTML5. Другие теги не поддерживаются (они конечно будут отображаться корректно, но валидацию не пройдут).

p>Обычный шрифт. s>Зачеркнутый текст через тег s/s>/p> p>Обычный текст. strike>Зачеркнутый текст через тег strike/strike>/p> p>Обычный текст. del>Зачеркнутый текст через тег del/del>/p>

Преобразуется на странице в

Обычный шрифт. Зачеркнутый текст через тег s

Обычный текст. Зачеркнутый текст через тег strike

Обычный текст. Зачеркнутый текст через тег del

2. Зачеркнутый текст через свойство CSS text-decoration

В CSS есть свойство text-decoration, которое отвечает за подчеркивание текста.

Синтаксис CSS text-decoration

text-decoration: none|underline|overline|line-through|inherit;

• none — текст без оформления
• underline — нижнее подчеркивание
• overline — верхнее подчеркивание
• line-through — зачеркивание текста
• blink — мерцающий текст (рекомендуется не применять это значение)

Нас интересует значение line-through , которое задает зачеркивание текста.

html> head> style> .del< text-decoration: line-through; > /style> /head> body> div class css">del">Текст со свойством text-decoration: line-through/div> /body> /html>

Преобразуется на странице в