Тег u в html: | HTML | WebReference — Вебджем.рф | Создание и продвижение сайтов

Содержание

| HTML | WebReference

Содержание
- Синтаксис
- Закрывающий тег
- Атрибуты
- Пример
- Спецификация
- Браузеры

Элемент (от англ. unarticulated — невнятный) используется для разметки текста, который должен отличаться стилистически от обычного текста. К примеру, так можно помечать ошибки в тексте, собственные имена, иностранные слова. Текст в выделяется подчёркиванием.

В HTML4 использование этого элемента осуждается.

Синтаксис

<u>Текст</u>

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

Обязателен.

Атрибуты

Пример

<!DOCTYPE html> <html> <head> <meta charset=»UTF-8″> <title>u</title> </head> <body> Обратите внимание на написание слов с ши. Подшипник пошивелился, решительно прошипел и разрушился. </body> </html>

Спецификация

Спецификация	Статус
WHATWG HTML Living Standard	Живой стандарт
HTML5	Рекомендация
HTML 4. 01 Specification	Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.

Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры


3	12	1	4	1	1


1	1	6	1

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 18.03.2020

Редакторы: Влад Мержевич

: Элемент слабой аннотации (подчёркивание) — HTML

The HTML Unarticulated Annotation Element () represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.

Предупреждение: This element used to be called the «Underline» element in older versions of HTML, and is still sometimes misused in this way. To underline text, you should instead apply a style that includes the CSS text-decoration (en-US) property set to underline.

See the Usage notes section for further details on when it’s appropriate to use  and when it isn’t.

This element only includes the global attributes.

Along with other pure styling elements, the original HTML Underline () element was deprecated in HTML 4; however,  was restored in HTML 5 with a new, semantic, meaning: to mark text as having some form of non-textual annotation applied.

Примечание: Be careful to avoid using the  element with its default styling (of underlined text) in such a way as to be confused with a hyperlink, which is also underlined by default.

Use cases

Valid use cases for the  element include annotating spelling errors, applying a proper name mark to denote proper names in Chinese text, and other forms of annotation.

You should not use  to simply underline text for presentation purposes, or to denote titles of books.

Other elements to consider using

In most cases, you should use an element other than , such as:

 to denote stress emphasis
 to draw attention to text
 to mark key words or phrases
 to indicate that text has strong importance

<cite> to mark the titles of books or other publications
 (en-US) to denote technical terms, transliterations, thoughts, or names of vessels in Western texts

To provide textual annotations (as opposed to the non-textual annotations created with ), use the <ruby> element.

To apply an underlined appearance without any semantic meaning, use the text-decoration (en-US) property’s value underline.

Indicating a spelling error

This example uses the  element and some CSS to display a paragraph which includes a misspelled error, with the error indicated in the red wavy underline style which is fairly commonly used for this purpose.

HTML

<p>This paragraph includes a <u>wrnogly</u>
spelled word.</p>

In the HTML, we see the use of  with a class, spelling, which is used to indicate the misspelling of the word «wrongly».

CSS

u.spelling {
  text-decoration: red wavy underline;
}

This CSS indicates that when the  element is styled with the class spelling, it should have a red wavy underline underneath its text. This is a common styling for spelling errors. Another common style can be presented using red dashed underline.

Result

The result should be familiar to anyone who has used any of the more popular word processors available today.

Avoiding

Most of the time, you actually don’t want to use . Here are some examples that show what you should do instead in several cases.

Non-semantic underlines

To underline text without implying any semantic meaning, use a  element with the text-decoration (en-US) property set to "underline", as shown below.

HTML

<span>Today's Special</span>
<br>
Chicken Noodle Soup With Carrots

CSS

.underline {
  text-decoration: underline;
}

Result

Presenting a book title

Book titles should be presented using the <cite> element instead of  or even .

HTML

<p>The class read <cite>Moby Dick</cite> in the first term.</p>

Result with default style

Note that the default styling for the <cite> element renders the text in italics. You can, if you wish, override that using CSS:

cite {
  font-style: normal;
  text-decoration: underline;
}

Result with custom style

Specification
HTML Standard # the-u-element

BCD tables only load in the browser

with JavaScript enabled. Enable JavaScript to view data.

The ,  (en-US), , , and <cite> elements should usuallly be used instead.
The CSS text-decoration (en-US) property should be used for non-semantic underlining.

Last modified: 000Z»>13 авг. 2022 г., by MDN contributors

Тег HTML »

В тегах HTML

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Подробнее

Элемент: Узнайте, как шрифты и веб-типографика работают в HTML: руководство для начинающих
Что делает HTML-тег ?: Элемент изначально использовался для обозначения текста, который следует подчеркнуть. Этот элемент устарел в HTML 4.01, но в HTML5 он был переопределен для представления текста, который должен отображаться таким образом, чтобы0018 не артикулировано , но стилистически отличается от окружающего текста. Например, одним из правильных способов использования элемента является выявление терминов с ошибками.
Отображение: встроенный
Использование: семантический

Пример кода

 Вот слово, которое подчеркнуто элементом <u> .
  
Вот слово, которое подчеркнуто с помощью CSS.
Вот слова, окруженные тегами <u> с невнятным, но явным образом отображаемым стилем.
<стиль>
  .подчеркнуть {
    оформление текста: подчеркивание;
  }
  ты нечленораздельный {
    текстовое оформление: нет;
    цвет: #000080;
    стиль шрифта: курсив;
  }

Вот слово, состоящее из , подчеркнутое элементом .

Вот слово, подчеркнутое с помощью CSS.

Вот слова, окруженные тегами с не артикулированными, но явно отрисованными стилями.

Когда использовать элемент

Когда элемент был первоначально задуман, он должен был использоваться для обозначения текста, который должен быть подчеркнут. Однако использование HTML для добавления стилистических эффектов больше не считается хорошей практикой. Вместо этого следует использовать HTML для добавления структуры и семантического значения содержимому веб-страницы, а CSS следует использовать для добавления стилей и управления макетом страницы.

Это означает, что старые теги, такие как , которые изначально были задуманы для представления, должны быть переделаны с семантическим значением или объявлены устаревшими и удалены из спецификации HTML.

Итак, какое семантическое значение несет этот элемент в современном HTML? В соответствии со спецификацией HTML5, опубликованной W3C:

Элемент u представляет собой фрагмент текста с неясной, хотя явно отображаемой, нетекстовой аннотацией…

Вам жаль, что вы вообще спросили, не так ли? Давайте немного уточним это определение.

Во-первых, что такое нетекстовая аннотация? Что ж, добавить аннотацию означает добавить пояснение или примечание. Однако в этом случае аннотация нетекстовая, то есть аннотация не имеет ничего общего с содержанием текста.

Во-вторых, аннотация не сформулирована , но явным образом представлена. Другими словами, браузер и веб-разработчик могут отображать аннотацию так, как им нравится. По умолчанию браузеры отображают текст, заключенный в 9Теги 0014 u подчеркнуты, но это не обязательно требуется и не является частью спецификации HTML. Аннотация должна выглядеть так: unArticled , покажите как хотите. Просто убедитесь, что аннотацию легко заметить, другими словами: явно визуализировано .

Давайте соберем части вместе. Элемент u используется для:

Добавить аннотацию, которая говорит нам что-то о самом выделенном тексте, а не о содержании или сообщении текста.
Способ добавления аннотации нечеткий. Слова между тегами u не должны быть подчеркнуты, любой метод аннотации приемлем, если…
Аннотация должна быть явно отображена, то есть: легко различима.

Так какие варианты использования существуют для такого нишевого тега? Чаще всего используется для выявления слов с ошибками. Допустим, вы представляете текст, который включает намеренно написанные с ошибками слова, которые должны бросаться в глаза читателю. 9Элемент 0014 был бы отличным выбором для идентификации этих слов.

Адам Вуд

Адам — технический писатель, специализирующийся на документации и руководствах для разработчиков.

Search HTML.com

Search for:

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.

Описание

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

СОВЕТ: Если вы хотите подчеркнуть текст, вам следует использовать CSS, например, свойство text-decoration вместо тега . Будьте осторожны, чтобы убедиться, что ваш подчеркнутый текст не перепутан с гиперссылкой.

Синтаксис

В HTML синтаксис для тега :

 
Текст, оформленный по-разному, здесь, а не здесь

Пример вывода

Атрибуты

К тегу применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега .

Примечание

HTML-элемент находится внутри тега.
Тег используется для оформления текста, отличного от обычного текста. Браузеры традиционно форматируют текст внутри тега

с подчеркиванием. Вы можете изменить это поведение с помощью CSS.

Совместимость с браузером

Тег имеет базовую поддержку в следующих браузерах:

Chrome
Андроид
Firefox (Геккон)
Firefox Mobile (Геккон)
Internet Explorer (IE)
Пограничный мобильный телефон
Опера
Опера Мобайл
Сафари (веб-кит)
Сафари Мобильный

Пример

Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4. 01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

HTML5
HTML4
XHTML

Документ HTML5

Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:

 

<голова>
<мета-кодировка="UTF-8">
Пример HTML5 от www.techonthenet.com

<тело>
 Заголовок 1 
Мы хотим аннотировать этот текст.

В этом примере документа HTML5 мы создали тег для обозначения нетекстового аннотированного текста. Ваш браузер по умолчанию будет отображать «этот текст» как подчеркнутый текст. Вы можете перезаписать это поведение с помощью CSS.

HTML 4.01 Transitional Document

Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:

  w3.org/TR/html4/loose.dtd">

<голова>
 
Переходный пример HTML 4.01 от www.techonthenet.com

<тело>
 Заголовок 1 
Мы хотим аннотировать этот текст.

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

XHTML 1.0 Transitional Document

Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:

  <голова>Переходный пример XHMTL 1.0 от www.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/8/b/8/8b800c61a93f2d54720134e0a68c3693.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/8/b/8/8b800c61a93f2d54720134e0a68c3693.jpeg' /></noscript></div></div></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/html/knopka-perehoda-na-druguyu-straniczu-html-kak-sdelat-knopku-s-funkczionalnostyu-ssylki-html.html" rel="prev">Кнопка перехода на другую страницу html: Как сделать кнопку с функциональностью ссылки (HTML)</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/css/gradient-css-generator-css-gradient-generator-sozdat-gradient-dlya-veb-sajta.html" rel="next">Градиент css генератор: CSS Gradient генератор — создать градиент для веб сайта</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/teg-u-v-html-html-webreference.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='31177' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div>
<script type="text/javascript">
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins");
                    g.className = "adsbygoogle";
                    g.style.display = "inline";
                        g.style.width = "300px";
                        g.style.height = "600px";
                        g.setAttribute("data-ad-slot", "9935184599");
                    g.setAttribute("data-ad-client", "ca-pub-1812626643144578");
                    g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php");
                    document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g);
                    (adsbygoogle = window.adsbygoogle || []).push({}); }})});

window.addEventListener("load", () => {
var ins = document.getElementById("yandex_rtb_R-A-744004-7");
if (ins.clientHeight == "0") {
ins.innerHTML = stroke2;
}
}, true);
</script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2025 | Все права защищены.</a></div></div></div></div></div></footer> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --></body></html>

Тег u в html: | HTML | WebReference

| HTML | WebReference

Синтаксис

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

Атрибуты

Пример

Спецификация

Спецификация

Браузеры

Браузеры

Автор и редакторы

: Элемент слабой аннотации (подчёркивание) — HTML

Use cases

Other elements to consider using

Indicating a spelling error

HTML

CSS

Result

Avoiding <u>

Non-semantic underlines

HTML

CSS

Result

Presenting a book title

HTML

Result with default style

Result with custom style

Тег HTML »

Пример кода

Когда использовать элемент

HTML: тег

Описание

Синтаксис

Пример вывода

Атрибуты

Примечание

Совместимость с браузером

Пример

Документ HTML5

Заголовок 1

HTML 4.01 Transitional Document

Заголовок 1

XHTML 1.0 Transitional Document