Справочник HTML на U, V, W, X
теги, атрибуты и их значения
Тег <u>
Тег <u> используется для фрагмента, который должен стилистически отличаться от остального текста. Это могут быть слова с намеренными орфографическими ошибками или иностранные термины. Браузеры выделяют текст в <u> подчёркиванием.
Если нужно выделить важный по смыслу фрагмент текста, то нужно использовать теги <strong> и <em>.
Атрибуты
Для элемента доступны глобальные атрибуты.
Пример
<p>Екатерина Ⅱ делала 4 ошибки в слове «ещё». Она писала: <u>исчо</u>.</p>
Результат
Екатерина Ⅱ делала 4 ошибки в слове «ещё». Она писала: исчо.
Тег <ul>
Тег <ul> используют для создания маркированного (неупорядоченного) списка. Отдельным элементом списка служит тег <li>.
У элемента <ul> есть брат близнец — <ol>, его применяют для создания нумерованных списков.
Атрибуты
Для элемента доступны глобальные атрибуты.
Пример
<ul>
<li>Продать дыню.</li>
<li>Дать дыню.</li>
<li>Дать в дыню.</li>
</ul>
Результат
- Продать дыню.
- Дать дыню.
- Дать в дыню.
Тег <var>
Тег <var> используют для выделения переменных в математических выражениях и программном коде. Браузеры отображают содержимое элемента <var> курсивом.
В тег <var> оборачивают отдельные переменные. Когда нужно выделить фрагмент кода, то рекомендуется использовать тег <code>. Элемент <var> часто соседствует с элементами <sub> и <sup> для вывода математических формул.
Атрибуты
Для элемента доступны глобальные атрибуты.
Пример
<p>Площадь круга можно найти по формуле: <var>S</var> = π × <var>r</var><sup>2</sup>.</p>
Результат
Площадь круга можно найти по формуле: S = π × r2.
Тег <video>
Тег <video> используют для вставки видео на страницу. Атрибуты <video> позволяют управлять настройками видеоплеера. Путь к видеофайлу задают через атрибут src или вложенный элемент <source>.
Атрибуты
| Атрибут | Функция | Значение |
|---|---|---|
| autoplay | Видео автоматически запускается при загрузке страницы. | Атрибут без значения. |
| controls | Панель управления видеоплеера. | Атрибут без значения. |
| crossorigin | Как элемент обрабатывает запросы кросс-источника. | anonymous — запрос к серверу отправляется без учётной записи пользователя. use-credentials — запрос включает все учётные данные пользователя (куки браузера, сертификат X.509, логин, пароль и запрос на авторизацию). |
| height | Высота видео. | Целое положительное число в пикселях или процентах. Если атрибут не установлен, высота — 150 пикселей. |
| loop | Зацикливает воспроизведение видео. | Атрибут без значения. |
| muted | Отключает звук видео. | Атрибут без значения. |
| playsinline | Отключает полноэкранный режим. | Атрибут без значения. |
| poster | Адрес картинки для отображения, пока видео не воспроизводится. | URL |
| preload | Загрузка видео вместе с загрузкой страницы. | auto — Видео загружается автоматически. metadata — Загрузить только служебную информацию. none — Не загружать видео (по умолчанию). |
| src | Путь к видеофайлу. | URL |
| width | Ширина видео. | Целое положительное число в пикселях или процентах. Если атрибут не установлен, ширина — 300 пикселей. |
Для элемента доступны глобальные атрибуты.
Пример
Видеофайл в двух форматах:
<video width="640" height="360" controls>
<source src="primer/clip.webm" type="video/webm">
<source src="primer/clip.mp4" type="video/mp4">
</video>
Результат
Тег <wbr>
Тег <wbr> указывает место, где допустим перенос строки в тексте. Это касается длинных слов, которые могут не умещаться на маленьких экранах.
Атрибуты
Для элемента доступны глобальные атрибуты.
Пример
<p>Особенности термо<wbr>электро<wbr>проводности воды или петля «ТЭПВо».</p>
Результат
Особенности термо