Html тег подчеркнутый текст: Тег — подчёркнутый текст

— HTML — Дока

1. Кратко
2. Как пишется
3. Как понять
4. Пример

Кратко

Скопировано

Тег <u> предназначен для выделения фрагмента текста, который стилистически отличается от остального текста. Например, слова с орфографическими ошибками или имена в китайском языке (по правилам их принято подчёркивать).

Как пишется

Скопировано

<p>  В человеке должно быть всё  прекрасно: и <u>лецо</u>,  и одежда, и душа, и мысли.</p>
          <p>
  В человеке должно быть всё
  прекрасно: и <u>лецо</u>,
  и одежда, и душа, и мысли.
</p>

Открыть демо в новой вкладке

Как понять

Скопировано

По умолчанию браузеры добавляют тексту в <u> подчёркивание с помощью text-decoration: underline.

<u> стоит использовать, только если мы хотим показать, что текст внутри него стилистически отличается от остального текста. <u> не используется:

• Если мы хотим подчеркнуть важность или выделить текст. Для этого предназначены <strong>, <em>, <mark> или <cite>.
• Если мы хотим просто добавить тексту нижнее подчёркивание в оформительских целях. Для этого достаточно задать блоку с текстом text-decoration: underline.

Из-за дефолтных стилей подчёркнутый при помощи <u> текст можно спутать со ссылкой: текст внутри <a> по умолчанию тоже подчёркивается, поэтому мы привыкли воспринимать подчёркнутый текст как ссылку. Чтобы не было путаницы, лучше оформить подчёркивание у <u> иначе.

Пример

Скопировано

Для текста, содержащего ошибки, можно добавить подчёркивание волнистой линией. Тогда ошибки будут сразу бросаться в глаза, и их не получится спутать со ссылками.

u {  text-decoration-style: wavy;  text-decoration-color: red;}
          u {
  text-decoration-style: wavy;
  text-decoration-color: red;
}

<p>  В <u>чилавеке</u> должно быть всё  <u>прикрасна</u>: и <u>лецо</u>,  и одежда, и душа, и мысли. </p>
           <p>
  В <u>чилавеке</u> должно быть всё
  <u>прикрасна</u>: и <u>лецо</u>,
  и одежда, и душа, и мысли.
</p>

Открыть демо в новой вкладке Оценка материала

Если вы нашли ошибку, отправьте нам пул-реквест!

Во время отправки формы что-то пошло не так. Попробуйте ещё раз?

Предыдущий материал

←

<s>

ctrl + alt + ←

Следующий материал

→

<bdo>

ctrl + alt + →

css — Какие HTML теги моветон?

Одни «плохие теги» попросту отвечают за внешнее представление элемента (как тег ), и их можно заменить на нечто более значимое, либо использовать вместо них CSS. Другие же могут не только определять визуальное представление, но и быть к тому же излишне громоздки (как тег

<font>) или ужасно пагубны для удобства использования веб-страницы (как тег <blink>).

Теги Ниже приводится большинство общих тегов, у которых есть лучшая альтернатива:

<b> отображает текст жирным шрифтом. Вместо него можно использовать тег <strong>, который добавляет элементу дополнительное значение (усиленное выделение), либо, если необходимо просто отобразить текст жирным шрифтом, соответствующее свойство CSS выполняет ту же работу.

<i> отображает текст курсивом. Использование тега <em> также добавляет дополнительную информацию (выделение), а для обычной визуализации подойдет соответствующее свойство CSS.

<big> увеличивает размер отображаемого текста. Если текст используется в качестве заголовка, то лучше использовать теги заголовков (<h2>, <h3> и т.д.), которые именно для этого и предназначены, а для простого визуального выделения следует использовать свойство CSS font-size, которое предоставляет больший контроль над страницей. <small>

уменьшает размер отображаемого текста. Опять же для этого лучше использовать свойство CSS font-size. <hr> создает горизонтальную линию. Тем не менее, в веб-странице, основывающейся на CSS, использование этого тега несколько необычно. Для этого вполне подойдет свойство CSS border-top или border-bottom, либо, в крайнем случае, старый добрый тег изображения сделает это лучше.

Ко всем перечисленным тегам последние стандарты HTML относятся достаточно лояльно, однако эти теги ничего не добавляют к значению контента, что обязаны делать «хорошие теги». Все эти «пустышки» могли бы быть более полезны, но они не приносят и вреда, в отличие от следующих «вредин»:

<u> в свое время использовался для подчеркивания текста. Так получилось, что подчеркнутый текст прочно ассоциируется со ссылками. Именно поэтому этот тег давно умер, и именно поэтому крайне не желательно иметь в тексте подчеркнутые участки, не являющиеся ссылками. <center> использовался для центрирования одного элемента относительно другого. Свойство CSS text-align имеет не только значение center, но и left, right и justify. <layer>

аналогичен тегу <div>, однако работает он только в старых версиях браузера Netscape и потому совершенно бесполезен. <blink> или <marquee>. Наше твердое «Нет!». Они должны были делать мигающий текст, однако из-за ограниченной поддержки вскоре превратились в дурную шутку. <font> использовался для определения имени, размера и цвета шрифта элементов. Этот тег снискал репутацию злого гения мира тегов. Старые сайты (и даже некоторые новые) подобно оспинами буквально испещрены тегами <font>. Большинство из них обязаны своему появлению различным программам автоматизации создания сайтов, вставляющие тег <font> вокруг всякого элемента, размер или цвет которого изменяет автор. Так как этот тег приходится вставлять вокруг каждого появления элемента (скажем, каждый раз, как используется элемент

<p>), то при помощи свойств CSS это можно сделать при помощи одной маленькой строки кода и применить ее ко всему сайту. Такой способ не только делает код веб-страницы меньше, но и позволяет при модифицировании стиля изменить всего одну строку, а не отыскивать все теги <font> в коде всех веб-страниц. Тег <font> и неуместное использование таблиц – две наиболее частые причины распухания кода веб-страниц.

источник

html — Текст отображается с синим подчеркиванием, откуда он берется?

спросил 10 лет, 9 месяцев назад

Изменено 10 лет, 9 месяцев назад

Просмотрено 2к раз

Я показываю белый текст на заднем фоне, но текст отображается с синей линией под ним (независимо от браузера). Откуда это?

 тело {
    должность: родственница;
    цвет фона: черный;
    семейство шрифтов: Helvetica;
    маржа: 0; /* Количество отрицательного пространства снаружи тела */
    заполнение: 0; /* Количество отрицательного пространства внутри тела */
}
#main_header {
    положение: родственник;
}
# логотип {
    положение: абсолютное;
    верх: 6 пикселей;
    слева: 140 пикселей;
    высота: 50 пикселей;
    ширина: 50 пикселей;
}
#основное название {
    положение: абсолютное;
    размер шрифта: 15px;
    белый цвет;
    верх: 50 пикселей;
    слева: 40 пикселей;
    текстовое оформление: нет;
    выравнивание текста: по центру;
    дисплей:блок;
}
<тело> 
    
    <идентификатор div = "main_header" >
        
 
 png"/>
        
Заголовок
    

 <тело>
    <идентификатор div = "main_header" >
        
        
Заголовок