Як зробити в css і html закреслений текст
Сьогодні замість тегів рекомендується використовувати css для додання потрібного зовнішнього вигляду тексту. Проте давайте подивимося, як зробити в html закреслений текст.
HTML-теги для закресленого тексту
У більшості випадків вам може знадобиться парний тег . Він є скороченим варіантом записи . який вже застарів. Текст в цьому контейнері відображається як закреслений. Потрібно сказати, що тег добре підтримується тільки специфікацією HTML5. тому добре буде чітко написати на самому початку html-документа:
- Reg.ru - тут реєструю і продовжую доменні імена, дуже надійна компанія!
- HostIQ - хостинг преміум якості.
- Ihor - більш бюджетний, але теж дуже якісний хостинг-провайдер.
- Telderi.ru - єдина надійна біржа в рунеті, на якій можна купити готові сайти з доходом!
Наступний тег - . По суті, він теж виводить закреслений текст, але при цьому його мета трохи відрізняється - він придуманий для того, щоб виводити текст, виправлений в новій версії документа. Наприклад, їм позначають якісь помилки або застарілу інформацію, коли це потрібно вказати явно.
Тег del має два атрибути, яке можна вказати тільки для нього. По-перше, це cite. Атрибут, який дозволяє прописати посилання на документ, де вказана причина редагування. По-друге, datetime - це дата і час редагування тексту. Здається в форматі ISO 8601. Рекомендується писати дату і час з хвилинами.
Як закреслити текст за допомогою css
А ось в css текст закреслюється по-іншому. Це робиться за допомогою властивості text-decoration і його значення line-through. приклад:
p.error text-decoration: line-through;
>
Текст в абзацах з класом error буде закреслено.
Якщо вам треба закреслити окремий фрагмент, слово або навіть букву, то їх необхідно укласти в тег (Парний). Далі привласнити йому довільний стильовий клас і вже через нього звернутися до нового елементу, застосувавши для нього потрібний стиль.
Довільний текст, а ось тут помилка.
Span.error Text-decoration: line-through;
>
Звичайно, за допомогою html закреслений текст зробити трохи простіше, тому що його досить укласти в потрібні теги, але css буде зручно використовувати, коли потрібно закреслити цілий абзац, пункт списку або заголовок. Тоді взагалі ніяких тегів не треба, можна відразу звернутися до потрібного елементу і задати стиль.
До того ж, в css перекреслений текст - це тільки оформлення і ніякого додаткового сенсу не несе. Хоча в html теж є тег s. який дозволяє просто закреслити слова.