Справочник html: Справочник по HTML | htmlbook.ru

Содержание

HTML справочник | Теги HTML

HTML справочник — это список HTML тегов определенных в спецификации HTML 5. Список тегов редактируется по мере изменения спецификации (обновляется информация и о самих тегах и об их атрибутах).

Для удобства все HTML теги разбиты на категории, согласно их назначению. Если вам нужен како-то конкретный тег, то в левом меню теги отсортированы в алфавитном порядке. Чтобы посмотреть полное описание тега и его атрибутов перейдите по ссылке, нажав на интересующий вас тег.

Вставляемый контент

Интерактивные элементы

Комментарии

Корневой элемент

Метаданные документа

Метаданные — структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.

Разделы документа

Списки

Ссылки

Сценарии

Таблицы

Текст

Формы

Теги html

Если вы только собираетесь начать изучать HTML, то одна из первых вещей, которые следует запомнить – специальные термины. Два из них будут встречаться наиболее часто – это «тег» и «элемент».

Термины «HTML элемент» и «HTML тег» обычно используются как синонимы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.

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

Если вы желаете узнать больше о создании веб страниц, тегах и их применении, то можете заглянуть в наш Самоучитель по HTML.

Справочник тегов и атрибутов HTML

названия теговкраткое описание тегов
<a> Предназначен для создания ссылок (гипертекста).

Атрибуты:
name — Присваивает имя элементу.
href — Присваивает адрес ресурса, к которому ведет ссылка.
для создания ссылки вызова почтовой программы href=»mailto:e-mail»
title— Всплывающая подсказка

Синтаксис:
<a href=»page.html» title=»описание»>открыть страницу</a>
<a href=»http://www.site.ru» >ссылка на сайт</a>
<a href=»mailto:[email protected]»>открыть почтовую программу</a>
<a name=»razdel»>присвоить имя</a>
<a href=»#razdel»>перейти к закладке</a>

Читать о теге подробно в учебнике HTML

<abbr> Выделяет в тексте аббревиатуру. Обычно подчеркивается пунктирной линией.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<abbr title=»Ваше описание»>HTML</abbr>

<acronym> Выделяет в тексте акроним. Обычно подчеркивается пунктирной линией.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<acronym title=»Ваше описание»>Генштаб</acronym>

<address> Указывает автора документа и его адрес. Обычно отображается курсивом.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<address title=»Ваше описание»>Иванов Иван Иванович</address>

<area> Определяет области карты-изображения которые являются ссылками на тот или иной документ. располагается внутри тега <map>

Атрибуты:
alt — альтернативный текст для области изображения
title— всплывающая подсказка
href — указывает путь к открываемому документу
shape — форма области рисунка которая будет служить ссылкой. Может иметь одно из трёх значений:

  • rect — прямоугольная область
  • poly — область представляет собой некий многоугольник
  • circle — область заданная окружностью

coords — координаты области
nohref — область без ссылки на другой документ
target — указывает в каком окне следует открывать документ.

  • _blank — открыть в новом окне
  • _self — открыть в текущем окне (по умолчанию)
  • _parent — открыть документ в фрейме-родителе, если фреймов нет, то работает как _self.
  • _top — отменяет фреймы и загружает документ в полном окне браузера, если фреймов нет, то как _self.

Синтаксис:

   <area href=»primer.html» shape=»rect» coords=»15,15,80,80″ alt=»описание» title=»описание» target=»_blank»>

не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<b> Делает текст полужирным. Аналогичен тегу <strong>

<base> в редакции..


Синтаксис:

<basefont> в редакции..


Синтаксис:

<bdo> Определяет направление вывода текста. Основное предназначение работа с текстами языковых групп, где чтение происходит справа — налево.

Атрибуты:
dir — Направление

  • ltr Слева — направо (по умолчанию)
  • rtl справа — налево

title— Всплывающая подсказка

Синтаксис:

<bdo dir=»rtl» title=»Ваше описание»>Упер казак репу</bdo>

<bgsound> Внедряет в документ звуковой файл. Файл проигрывается в качестве фоновой музыки.

Атрибуты:
loop — Указывает на количество повторов воспроизведения файла.

  • 1 — Постоянное, непрерывное воспроизведение звукового файла.
  • 0 — Воспроизведение звукового файла только один раз.
  • X — Заданное количество повторов воспроизведения где Х — число повторов.

src — Указывает путь к звуковому файлу

Синтаксис:
<bgsound src=»music.wav» loop=3>

Не требует закрывающего тега.

<big> Делает текст крупным.

<body> «Тело» документа указывает содержание видимой части документа.

Атрибуты:
bgcolor — задаёт цвет фона документа.
background — указывает адрес рисунка делая его фоном документа.
text — цвет текста документа.
link — цвет ссылок.
vlink — цвет посещённых ссылок.
alink — цвет нажатой, активной ссылки.
bgproperties=»fixed» — делает рисунок фон фиксированным.(фоновое изображение не прокручивается при нажатии PageDown)

Синтаксис:
<body link=»#008000″ alink=»# ff0000 » vlink=»# ffff00″ text=»#484800″ bgcolor=»#ffffff» background=»fon.jpg» bgproperties=»fixed»>
содержание видимой части документа
</body>

Читать о теге подробно в учебнике HTML

<blockquote> Предназначен для создания цитат.


Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<blockquote title=»подсказка»>Данный текст будет являться цитатой, имея отступы с обеих сторон документа и остального текста</blockquote>

<br> Перенос строки.

<button> в редакции..


Синтаксис:

<caption> в редакции..


Синтаксис:

<center> Горизонтальное выравнивание всех элементов по центру документа.

<cite> Выделяет в тексте цитату. Обычно курсивом.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<cite title=»Ваше описание»>Лед тронулся! господа присяжные заседатели!</cite>

<code> Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.

Атрибуты:
title — всплывающая подсказка

Синтаксис:
<code title=»Ваше описание»>Некий программный код</code>

<col> в редакции..


Синтаксис:

<colgroup> в редакции. .


Синтаксис:

<dd> Описание списка определений.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<dl>
    <dt>Опрределение
       <dd title=»подсказка»>Описание определения
</dl>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<del> Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<del title=»Ваше описание»>Старая цена 1000р.</del> — Новая 999 р.!!!

<dfn> Отмечает текст как определение. Обычно отображается курсивом.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<dfn title=»Ваше описание»>Электроток — это направленное упорядоченное движение заряженных частиц</dfn>

<div> Определяет блок HTML. Преимущественно используется совместно с CSS.

Атрибуты:
align — Выравнивание блока относительно страницы:

  • left — по левому краю документа (по умолчанию)
  • right — по правому краю документа
  • center — по центру
  • justify — по обоим краям документа

title — Всплывающая подсказка.
unselectable — Запрещает или разрешает пользователю выделять текст в блоке.

  • on — запрещает,
  • off — разрешает.

Синтаксис:

<div unselectable=»on» align=»center» title=»подсказка»>Текст в этом блоке нельзя выделить</div>

Читать о теге подробно в учебнике HTML

<dl> Создаёт список определений.

<dt> Определение списка определений.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<dl>
    <dt title=»подсказка»>Опрределение
       <dd>Описание определения
</dl>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<em> Выделяет особенно важный фрагмент текста. Обычно браузерами отображается курсивом.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<em title=»Ваше описание»>этот текст будет наклонным</em>

<embed> в редакции..


Синтаксис:

<fieldset> в редакции..


Синтаксис:

<font> Шрифт.

Атрибуты:
size — размер шрифта
color — цвет шрифта
face — задаёт шрифт из библиотеки шрифтов

Синтаксис:
<font face=»arial» size=»+2″ color=»#ff0000″> этот текст будет напечатан красным цветом с помощью шрифта Аrial размером+2 </font>

Читать о теге подробно в учебнике HTML

<form> в редакции. .


Синтаксис:

<frame> Определяет фрейм в фреймовой структуре документа. Располагается внутри тега <frameset>.

Атрибуты:
srs — Путь к документу. Обязательный атрибут
name — Присваивает имя фрейму.
marginwidth — Отступ в пикселях от левого и правого края фрейма.
marginheight — Отступ в пикселях от верхнего и нижнего края фрейма.
scrolling — Определяет наличие полос прокрутки содержимого фрейма.

  • no— никогда не показывать полосу прокрутки,
  • yes — всегда показывать,
  • auto— показывать в том случае если она необходима.

noresize — Запрещает пользователю изменять размеры фрейма.
frameborder — Определяет наличие рамок у фрейма.

  • 1 — включить рамку
  • 0— выключить рамку

bordercolor — Задаёт цвет бордюра фрейма.

Синтаксис:
<html>
   <head>
      <title>фреймы</title>
   </head>
   <frameset rows=»30%,70%»>
      <frame src=»primer1. html» marginwidth=»0″ marginheight=»0″ noresize>
      <frame src=»primer2.html» name=»osnovnoe» scrolling=»no» bordercolor=»#ff0000″>
   </frameset>
</html>

Не требует закрывающего тега.

Читать о теге подробно в учебнике HTML

<frameset> Определяет фреймовую структуру документа. Используется вместо тега <body>.


Атрибуты:
rows — Определяет количество и размеры горизонтальных фреймов в пикселях процентах или * — использовать всё свободное пространство.
cols — Количество и размеры вертикальных фреймов.
border — Определяет ширину рамок фреймов в пикселях.
frameborder — Определяет наличие рамок у фрейма.

  • 1 — включить рамку
  • 0 — выключить рамку

framespacing — определяет ширину рамок фреймов в пикселях. Альтернатива border и frameborder при нулевом значении.

Синтаксис:
<html>
   <head>
      <title>фреймы</title>
   </head>
   <frameset rows=»15%,85%» framespacing=»0″ frameborder=»0″ border=»0″>
          <frame src=»logotype.html»>
          <frameset cols=»20%,80%» framespacing=»0″ frameborder=»0″ border=»0″>
                <frame src=»menu.html»>
                <frame src=»text.html»>
          </frameset>
   </frameset>
</html>

Читать о теге подробно в учебнике HTML

<h2> Делает текст заголовоком. Может иметь значение от 1-6.

Атрибуты:
align -выравнивание заголовока по:

  • center — центру
  • left — левому краю
  • right — правому краю

title— Всплывающая подсказка

Синтаксис:
<h4 title=»Ваше описание» align=»right»>заголовок</h4>

Читать о теге подробно в учебнике HTML

<head> «Голова» определяет место в документе не для отображения видимой его части «тела» может располагать в себе теги предназначенные для поисковых машин, а так же название документа.

<hr> Рисует горизонтальную линию.

Атрибуты:
align -выравнивание линии по:

  • center — центру
  • left — левому краю
  • right — правому краю

size — толщина линии
width — ширина линии
color — присваивает цвет линии

noshade — указывает на отсутствие тени линии

Синтаксис:
<hr align=»left» size=»5″ color=»#ff0000″ noshade>
не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<html> Указывает программам просмотра html страниц начало и конец документа.

<i> Делает текст наклонным.

<iframe> Вводит на страницу не фреймовой структуры плавающий фрейм.

Атрибуты:
src — Путь к вводимому документу (обязательный атрибут)
width — ширина плавающего фрейма в пикселях или процентах
height — высота плавающего фрейма

scrolling — показ полосы прокрутки:

  • no— никогда не показывать полосу прокрутки,
  • yes — всегда показывать,
  • auto— показывать в том случае если она необходима.

align — выравнивание пваюшего фрейма:

  • left — слева
  • right — справа
  • top — выше
  • bottom — ниже

frameborder — наличие рамки вокруг плавающего фрейма:

  • 1 — включить рамку
  • 0— выключить рамку

Синтаксис:
<iframe src=»primer.html» align =»left» scrolling=»auto» frameborder=»1″></iframe>

Читать о теге подробно в учебнике HTML

<img> Выводит графическое изображение (рисунок).

Атрибуты:
src — адрес рисунка. (обязательный атрибут)
align -выравнивание рисунка по:

  • center — центру
  • left — левому краю
  • right — правому краю
  • bottom — нижнему краю
  • top — верхнему краю
  • middle — по середине

alt — Описание рисунка (когда он не загружен), может выполнять роль всплывающей подсказки.

title— Всплывающая подсказка
border — Толщина рамки
bordercolor — Цвет рамки
width — Ширина рисунка
height — Высота рисунка
hspace — Горизонтальный отступ
vspace — Вертикальный отступ
ismap — Изображение является навигационной картой на сервере
usemap — Изображение является навигационной картой на стороне клиента.

Синтаксис:
<img src=»foto.jpg» alt=»описание» title=»описание» align=»right» hspace=»10″ vspace=»10″ border=»2″ bordercolor=»#ff0000″>
Не требует закрывающего тега

Читать о теге подробно в учебнике HTML

<input> в редакции..


Синтаксис:

<ins> Выделяет новый текст в новой версии документа. Выделенный текст станет подчёркнутым.

Противоположен по значению тегу <del>.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<del> Старая цена 1000р. </del> — <ins title=»Ваше описание»>Новая 999 р.</ins>!!!

<kbd> От английского keyboard — клавиатура. Указывает текст вводимый с клавиатуры. Обычно отображается моноширинным шрифтом.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<kbd title=»Ваше описание»>Текст набранный клавиатурой</kbd>

<label> в редакции..


Синтаксис:

<legend> в редакции..


Синтаксис:

<li> Обозначает элемент списка. Используется в нумерованных и ненумерованных списках.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<ul>
      <li title=»главный пункт»>Пункт 1
      <li>Пункт 2
      <li>Пункт 3

</ul>

Закрывающий тег необязателен.

Читать о теге подробно в учебнике HTML

<link> Указывает на связь документа с каким либо внешним файлом.

Тег <link> является ссылкой, но не для людей а для программ, и ведет к внешнему файлу например иконке или таблице стилей.. Располагается в «голове» документа между тегом <head></head> и не выводится браузерами на экран.

Атрибуты:
href — Путь к файлу.
rel — Определяет отношения между текущим документом и файлом, на который делается ссылка.

  • shortcut icon — Определяет, что подключаемый файл является иконкой.
  • stylesheet — Определяет, что подключаемый файл содержит таблицу стилей.
  • application/rss+xml — Файл в формате XML для описания ленты новостей.

type — тип данных подключаемого файла.

Синтаксис:
<head>
   <link rel=»shortcut icon» href=»favicon.ico»>
   <link rel=»stylesheet» href=»style.css» type=»text/css»>
   <title>link</title>
</head>

Не требует закрывающего тега.

<map> Определяет место в коде документа в котором создаётся описание карты-изображения с помощью тега/тегов <area>

Атрибуты:
name — указывает имя графического изображения которое является картой

Синтаксис:
<img src=»karta. jpg» usemap=»#panel» border=»0″>
<map name=»panel»>
   <area href=»primer.html» shape=»rect» coords=»15,15,80,80″ alt=»описание» title=»описание» target=»_blank»>
</map>

Читать о теге подробно в учебнике HTML

<marquee> Бегущая строка.

Атрибуты:
behavior — определяет тип скроллинга, может иметь следующие значения:

  • alternate — колебательные движения от края к краю
  • scroll — прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны
  • slide — прокручивание текста c остановкой.

scrollamount — скорость бегущей строки от 1 до 10.
loop задает количество прокруток бегущей строки.

direction — направление движения текста. значения:

  • up — вверх,
  • down — вниз,
  • left — влево,
  • right — вправо.

bgcolor — цвет фона бегущей строки,
height — высота строки,
width — ширина строки.
title— Всплывающая подсказка

Синтаксис:
<marquee behavior=»alternate» direction=»right» scrollamount=»8″ bgcolor=»#b40000″ title=»описание»>этот текст будет являтся бегущей строкой</marquee>

Читать о теге подробно в учебнике HTML

<meta> Определяет мета теги информация в которых предназначена для браузеров и поисковых систем.

Мета теги не видны пользователю и располагаются в заголовке HTML документа между тегами <head> </head>

Атрибуты:
http-equiv — указывает браузеру как следует обработать основное содержание документа.
name — информационное имя.
content — информационное содержание(обязательный атрибут).
Атрибуты http-equiv и name могут быть равны любому подходящему идентификатору.

Синтаксис:
<head>
   <meta http-equiv=»Content-Type» Content=»text/html; Charset=Windows-1251″>
   <meta name=»author» Content=»Остап Бендер»>
   <meta name=»copyright» Content=»»Рога и копыта» Остап Бендер»>
   <meta name=»description» Content=»Производим закупку по выгодным ценам рогов и копыт!»>
   <meta name=»keywords» Content=»рога, копыта, рожки, рог, копыто, копытце, закупка, покупка, приобретение, выгодно, продать, купить, сбыть, реализовать, корова, бык, коровьи, бычьи, оплата, деньги, наличные, цена, цене»>
</head>

Не требует закрывающего тега.

Читать о теге подробно в учебнике HTML

<nobr> Запретить перенос строки. Противоположенный по значению тег <br>


Синтаксис:
<nobr>Длинная, длинная, очень длинная строка.. которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. Из-за неё появится горизонтальная полоса прокрутки, однако, что поделаешь, раз нам так захотелось..</nobr>

<noembed> в редакции..


Синтаксис:

<noframes> Тег <noframes> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает фреймы или они принудительно выключены в его настройках.

<noscript> Тег <noscript> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает скрипты или они принудительно выключены в его настройках.


Синтаксис:
<noscript>Извините, но Ваш браузер не поддерживает скрипты..</noscript>

<object> в редакции..


Синтаксис:

<ol> Определяет нумерованный (упорядоченный) список.

Атрибуты:
type-Тип маркера

  • А — Заглавные буквы
  • а — Строчные буквы
  • I — Заглавные римские цифры
  • i — Строчные римские цифры
  • 1 — Арабские цифры (по умолчанию)

title — Всплывающая подсказка
start — Начальное значение для нумерованного списка

Синтаксис:
<ol type=1 start=»24″ title=»список»>
      <li>Пункт 24
      <li>Пункт 25
      <li>Пункт 26
</ol>

Читать о теге подробно в учебнике HTML

<optgroup> в редакции..


Синтаксис:

<option> в редакции. .


Синтаксис:

<p> Создаёт параграф.

Атрибуты:
align — Выравнивание параграфа относительно страницы:

  • left — по левому краю документа (по умолчанию)
  • right — по правому краю документа
  • center — по центру
  • justify — по обоим краям документа

title— Всплывающая подсказка

Синтаксис:
<p align=»right» title=»Ваше описание»>Текст</p>

Читать о теге подробно в учебнике HTML

<param> в редакции..


Синтаксис:

<pre> Обрамляет предварительно отформатированный текст. Браузер при выводе текста на экран не удаляет пробелы и переносы строк.

<q> Предназначен для создания цитат. От <blockquote> отличается тем что цитата не имеет отступов. А в отличие от тега <cite> цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки.


Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<q title=»подсказка»>Данный текст будет являться цитатой.</q>

<s> Делает текст перечёркнутым. Аналогичент тегу <strike>.

<samp> Выделяет текст как образец. Используется для отметки текста являющемся результатом работы программ.

Отображается моноширинным шрифтом.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<samp title=»Ваше описание»>Этот текст является результатом действия некой программы</samp>

<script> Внедряет на страницу скрипт.

Атрибуты:
defer — Указывает на то что перед выполнением скрипта следует полностью загрузить документ в который он внедрён.

type — Определяет тип содержимого тега <script>
language — Определяет язык скрипта.

  • JScript
  • javascript
  • VBS
  • VBScript

src — Путь к внешнему файлу содержащему скрипт.

Синтаксис:
<html>
   <head>
      <title>скрипт</title>
   </head>
   <body>
      <script language=»vbscript»>
         Sub knopka()
          Alert «Привет мир!»
         End Sub
      </script>
      <button>кнопка</button>
   </body>
</html>

<select> в редакции..


Синтаксис:

<small> Делает текст малым.

<span> Определяет контейнер для внутреннего текста. Как правило используется совместно с CSS.

Атрибуты:
title — Всплывающая подсказка.
unselectable — Запрещает или разрешает пользователю выделять текст в блоке.

  • on — запрещает,
  • off — разрешает.

Синтаксис:
<span unselectable=»on» title=»Описание»>Первое</span> слово в параграфе имеет собственыые свойства

<strike> Делает текст перечёркнутым. Аналогичент тегу <s>.

<strong> Выделяет особенно важный фрагмент текста. Обычно браузерами отображается полужирным.

Атрибуты:
title— всплывающая подсказка

Синтаксис:
<strong title=»Ваше описание»>Этот текст будет полужирным</strong>

<style> Служит для определения стилей элементов страницы. Тег <style> распологается в заголовке страницы между <head></head>.

Атрибуты:
media — Указывает на устройство вывода, для работы с которым предназначена таблица стилей.

  • all -Все устройства.
  • screen — Монитор (по умолчанию).
  • print — Принтер.
  • projection — Проектор.
  • braille — Устройства, основанные на системе Брайля. Предназначены для слепых людей.
  • speech — Речевые синтезаторы.

type — Сообщает браузеру, какой синтаксис использовать для правильной интерпретации стилей.
Синтаксис:

   
      Стили
      style type=»text/css»>
         a:link {
         color: #008000;
         text-decoration: none;
         font-size: 14px;

         }
         a:hover {

         text-decoration: none;
         color: #ff0000;

         font-size: 18px;
         }

      </style>
   
   

      открыть страницу
   

<sub> Нижний индекс.

<sup> Верхний индекс.

<table> Создаёт таблицу.

Атрибуты:
align — Выравнивание таблицы по:

  • left — по левому краю (по умолчанию)
  • right — по правому краю
  • center — по центру
  • justify — по левому и правому краю

bgcolor — Цвет фона таблицы.
border — Толщина бордюра в пикселях.
background — Задает фоновый рисунок в таблице.
bordercolor — Цвет бордюра.
cellspacing — Расстояние между ячейками таблицы.
cellpadding — Расстояние между содержимым ячейки и рамкой.
width — Ширина таблицы в процентах или пикселях.
height — Высота таблицы в процентах или пикселях.
cols — Определяет число колонок в таблице. Позволяет браузерам показывать содержимое таблицы ещё до окончания её полной загрузки.
frame — Определяет в каких местах таблицы следует показывать бордюр.

  • void — Нет бордюра
  • border — Бордюр вокруг всей таблицы. (по умолчанию)
  • above — Бордюр по верхнему краю таблицы.
  • below — Бордюр только снизу таблицы.
  • hsides — Только горизонтальные границы.
  • vsides — Только вертикальные границы.
  • rhs -Бордюр только справа.
  • lhs — Бордюр только слева.

rules — Определяет в каких местах ячеек таблицы следует показывать бордюр.

  • all — Вокруг каждой ячейки.(по умолчанию)
  • groups — Между группами ячеек образованными тегами <thead>, <tbody>, <tfoot>, <colgroup>, <col>.
  • cols — Только между столбцами таблицы.
  • none — Отсутствуют.
  • rows — Только между строк таблицы.

Синтаксис:

    table cols=»2″ border=»5″ frame=»vsides» align=»center» cellpadding=»5″ cellspacing=»2″ bgcolor=»#ffa0cf»>
      
          строка1 ячейка1 строка1 ячейка2
      
      
          строка2 ячейка1 строка2 ячейка2
      
    </table>

Читать о теге подробно в учебнике HTML

<tbody> в редакции..


Синтаксис:

<td> Создаёт отдельную ячейку в таблице.

Атрибуты:
width — Ширина ячейки в процентах или пикселях
height — Высота ячейки в процентах или пикселях

align — Выравнивает текст в ячейке:

  • left — по левому краю (по умолчанию)
  • right — по правому краю
  • center — по центру
  • justify — по левому и правому краю

valign — Выравнивает текст в ячейке по вертикали:

  • top — по верхнему краю
  • middle — по центру
  • bottom — по нижнему краю
  • baseline — по базовой линии.

colspan — количество столбцов занимаемое ячейкой
rowspan — количество рядов занимаемое ячейкой
bgcolor — Цвет фона ячейки
background — Задает фоновый рисунок в ячейке.
bordercolor — Цвет бордюра.
title — Всплывающая подсказка
nowrap — Запрещает перенос строк в ячейке.

Синтаксис:
    <table border=»1″>
       <tr>
          <td colspan=»2″ valign=»top» align=»center» bgcolor=»#b2ff80″>строка1 ячейка1</td>
       </tr>
       <tr>
          <td bgcolor=»#ffa0cf»>строка2 ячейка1</td>
          <td title=»Описание ячейки» align=»center»>строка2 ячейка2</td>
       </tr>
    </table>

Читать о теге подробно в учебнике HTML

<textarea> в редакции. .


Синтаксис:

<tfoot> в редакции..


Синтаксис:

<th> Создаёт ячейку в таблице которая определяется как заголовок.

Обычно браузеры выравнивают содержимое ячейки/заголовка по центру и делают текст жирным.

Атрибуты:
width — Ширина ячейки в процентах или пикселях
height — Высота ячейки в процентах или пикселях

align — Выравнивает текст в ячейке:

  • left — по левому краю
  • right — по правому краю
  • center — по центру
  • justify — по левому и правому краю

valign — Выравнивает текст в ячейке по вертикали:

  • top — по верхнему краю
  • middle — по центру
  • bottom — по нижнему краю
  • baseline — по базовой линии.

colspan — количество столбцов занимаемое ячейкой
rowspan — количество рядов занимаемое ячейкой
bgcolor — Цвет фона ячейки
background — Задает фоновый рисунок в ячейке.
bordercolor — Цвет бордюра.
title — Всплывающая подсказка
nowrap — Запрещает перенос строк в ячейке.

Синтаксис:
    <table border=»1″>
       <tr>
          <th colspan=»2″ title=»Описание заголовка» bgcolor=»#b2ff80″ bordercolor=»#ff0000″>Заголовок таблицы</th>
       </tr>
       <tr>
          <td bgcolor=»#ffa0cf»>строка2 ячейка1</td>
          <td title=»Описание ячейки» align=»center»>строка2 ячейка2</td>
       </tr>
    </table&gt

<thead> в редакции..


Синтаксис:

<title> Заголовок и название документа.

<tr> Создаёт строку в таблице.

Атрибуты:
align — Выравнивает текст в ячейках строки:

  • left — по левому краю (по умолчанию)
  • right — по правому краю
  • center — по центру
  • justify — по левому и правому краю.

valign — Выравнивает текст в ячейках строки по вертикали:

  • top — по верхнему краю
  • middle — по центру
  • bottom — по нижнему краю
  • baseline — по базовой линии.

bordercolor — Цвет бордюра.
bgcolor — Цвет фона ячеек строки

Синтаксис:
    <table border=»1″>
       <tr valign=»middle» align=»center» bordercolor=»#ff0000″>
          <td>строка1 ячейка1</td> <td>строка1 ячейка2</td>
       </tr>
       <tr valign=»top» align=»left» bgcolor=»#ffa0cf»>
          <td>строка2 ячейка1</td> <td>строка2 ячейка2</td>
       </tr>
    </table>

Читать о теге подробно в учебнике HTML

<tt> Делает текст моноширинным.

<u> Делает текст подчёркнутым.

<ul> Определяет ненумерованныый (неупорядоченный)список.

Атрибуты:
type-Тип маркера

  • disk — Закрашенный кружок. (по умолчанию)
  • circle — Незакрашенный кружок
  • square — Квадрат

title— Всплывающая подсказка

Синтаксис:
<ul type=circle title=»список»>
      <li>Пункт 1
      <li>Пункт 2
      <li>Пункт 3
</ul>

Читать о теге подробно в учебнике HTML

<var> Выделяет в тексте переменные. Обычно отображается курсивом.

Атрибуты:
title— Всплывающая подсказка

Синтаксис:
<var title=»Ваше описание»>переменная</var>

<wbr> Разрешает перенос строки.

Используется внутри тега <nobr>

Синтаксис:
<nobr> Длинная, длинная, очень длинная строка. . которая не будет переносится на другую строчку так как мы принудительно запретили ей это делать. <wbr> Однако именно в этом месте мы все же разрешим перенести текст на следующую строчку </nobr>

Не требует закрывающего тега.

<xmp> Отображает текст в том виде в котором он и был набран.

Пробелы, переносы строк не удаляются, кроме того спецсимволы выводятся как обычный текст.

Синтаксис:
<xmp>
Пример:
<html>
      <head>
            <title>Моя первая страничка </title>
      </head>
      <body>
            Привет мир!!!
      </body>
</html>
</xmp>

Справочник атрибутов HTML — Веб учебники

атрибутыПринадлежностьОписание
accept<input>Указывает типы файлов, которые принимает сервер (только для type=»file»)
accept-charset<form>Указывает кодировки символов, которые будут использоваться для отправки формы
accesskeyГлобальные атрибутыУказывает сочетание клавиш для активации / фокусировки элемента
action<form>Указывает, куда отправлять данные формы при отправке формы
alignНе поддерживается в HTML 5.Задает выравнивание в соответствии с окружающими элементами. Используйте CSS
alt<area>, <img>, <input>Задает альтернативный текст, если исходный элемент не отображается
async<script>Указывает, что сценарий выполняется асинхронно (только для внешних сценариев)
autocomplete<form>, <input>Указывает, будет ли в элементе <form> или <input>, должен иметь автозаполнения enabled
autofocus<button>, <input>, <select>, <textarea>Указывает, что элемент должен автоматически получать фокус при загрузке страницы
autoplay<audio>, <video>Указывает, что воспроизведение аудио/видео начнется, как только оно будет готово
bgcolorНе поддерживается в HTML 5.Задает цвет фона элемента. Используйте CSS
borderНе поддерживается в HTML 5.Задает ширину границы элемента. Используйте CSS
charset<meta>, <script>Указывает кодировку символов
checked<input>Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type=»checkbox» или type=»radio»)
cite<blockquote>, <del>, <ins>, <q>Задает URL, который объясняет цитату / удаленный / вставленный текст
classГлобальные атрибутыЗадает одно или несколько имен классов для элемента (ссылается на класс в таблице стилей)
colorНе поддерживается в HTML 5.Задает цвет текста элемента. Используйте CSS
cols<textarea>Задает видимую ширину текстовой области
colspan<td>, <th>Указывает количество столбцов, которое должна охватывать ячейка таблицы
content<meta>Дает значение, связанное с http-equiv или атрибутом name
contenteditableГлобальные атрибутыУказывает, является ли содержимое элемента редактируемым или нет
contextmenuГлобальные атрибутыЗадает контекстное меню для элемента. Контекстное меню появляется, когда пользователь щелкает правой кнопкой мыши на элементе
controls<audio>, <video>Указывает, что должны отображаться элементы управления аудио/видео (например, кнопка воспроизведения / паузы и т. д)
coords<area>Задает координаты области
data<object>Задает URL ресурса, используемого объектом
data-*Глобальные атрибутыИспользуется для хранения личных данных пользователя на странице или в приложении
datetime<del>, <ins>, <time>Указывает дату и время
default<track>Указывает, что трек должен быть включен, если предпочтения пользователя не указывают, что другой трек будет более подходящим
defer<script>Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних сценариев)
dirГлобальные атрибутыЗадает направление текста для содержимого элемента
dirname<input>, <textarea>Указывает, что направление текста будет отправлено
disabled<button>, <fieldset>, <input>, <optgroup>, <option>, <select>,
<textarea>		Указывает, что указанный элементы элемент/группа должны быть отключены
download<a>, <area>Указывает, что целевой объект будет загружен при нажатии пользователем гиперссылки
draggableГлобальные атрибутыУказывает, является ли элемент перетаскиваемым или нет
dropzoneГлобальные атрибутыУказывает, копируются, перемещаются или связываются перетаскиваемые данные
enctype<form>Указывает, как данные формы должны быть закодированы при отправке на сервер (только для method=»post»)
for<label>, <output>Определяет форму элемента(ов) метки/расчет обязан
form<button>, <fieldset>, <input>, <label>, <meter>, <object>,
<output>, <select>, <textarea>		Задает имя формы элемент принадлежит
formaction<button>, <input>Указывает, куда отправлять данные формы при отправке. Только для type=»submit»
headers<td>, <th>Задает одну или несколько ячеек заголовков, с которыми связана ячейка
height<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Задает высоту элемента
hiddenГлобальные атрибутыУказывает, что элемент еще не релевантен или больше не имеет значения
high<meter>Задает диапазон, который считается высоким значением
href<a>, <area>, <base>, <link>Указывает URL страницы, на которую переходит ссылка
hreflang<a>, <area>, <link>Указывает язык связанного документа
http-equiv<meta>Предоставляет заголовок HTTP для информации / значения атрибута содержания
idГлобальные атрибутыЗадает уникальный идентификатор элемента
ismap<img>Задает изображение в качестве серверной карты изображений
kind<track>Указывает тип текстовой дорожки
label<track>, <option>, <optgroup>Задает заголовок текстовой дорожки
langГлобальные атрибутыЗадает язык содержимого элемента
list<input>Относится к элементу <datalist>, который содержит предопределенные параметры для элемента <input>
loop<audio>, <video>Указывает, что аудио / видео будет начинаться снова, каждый раз, когда он будет завершено
low<meter>Определяет диапазон, который считается низким значением
manifest<html>Указывает расположение манифеста кэша документа
max<input>, <meter>, <progress>Задает максимальное значение
maxlength<input>, <textarea>Задает максимальное количество символов, разрешенных в элементе
media<a>, <area>, <link>, <source>, <style>Указывает, для какого носителя / устройства оптимизирован связанный документ
method<form>Задает метод HTTP, используемый при отправке данных формы
min<input>, <meter>Задает минимальное значение
multiple<input>, <select>Указывает, что пользователь может ввести несколько значений
muted<video>, <audio>Указывает, что аудиовыход видео должен быть отключен
name<button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>,
<object>, <output>, <param>, <select>, <textarea>		Задает имя элемента
novalidate<form>Указывает, что форма не должна проверяться при отправке
onabort<audio>, <embed>, <img>, <object>, <video>Сценарий для запуска при прерывании
onafterprint<body>Сценарий, запускаемый после печати документа
onbeforeprint<body>Сценарий, выполняемый перед печатью документа
onbeforeunload<body>Скрипт будет выполняться, когда документ будет выгружен
onblurВсе видимые элементы.Сценарий для запуска, когда элемент теряет фокус
oncanplay<audio>, <embed>, <object>, <video>Сценарий для запуска, когда файл готов к запуску воспроизведения (когда он достаточно буферизован, чтобы начать)
oncanplaythrough<audio>, <video>Скрипт должен быть запущен, когда файл может быть воспроизведен до конца без паузы для буферизации
onchangeВсе видимые элементы.Скрипт, запускаемый при изменении значения элемента
onclickВсе видимые элементы.Скрипт, запускаемый при щелчке по элементу
oncontextmenuВсе видимые элементы.Скрипт, запускаемый при вызове контекстного меню
oncopyВсе видимые элементы.Скрипт, запускаемый при копировании содержимого элемента
oncuechange<track>Сценарий, который будет выполняться при изменении ключа в элементе <track>
oncutВсе видимые элементы.Скрипт, запускаемый при вырезании содержимого элемента
ondblclickВсе видимые элементы.Скрипт, запускаемый при двойном щелчке по элементу
ondragВсе видимые элементы.Скрипт, запускаемый при перетаскивании элемента
ondragendВсе видимые элементы.Скрипт, запускаемый в конце операции перетаскивания
ondragenterВсе видимые элементы.Скрипт, запускаемый при перетаскивании элемента в допустимый целевой объект
ondragleaveВсе видимые элементы.Сценарий для запуска, когда элемент оставляет допустимый целевой объект отбрасывания
ondragoverВсе видимые элементы.Скрипт, запускаемый при перетаскивании элемента по допустимому целевому объекту
ondragstartВсе видимые элементы.Сценарий для запуска в начале операции перетаскивания
ondropВсе видимые элементы.Скрипт, запускаемый при перетаскивании элемента
ondurationchange<audio>, <video>Сценарий для запуска при изменении длины носителя
onemptied<audio>, <video>Сценарий, который нужно запустить когда что-то плохое случается и архив внезапно недоступен (как непредвиденно разъединения)
onended<audio>, <video>Скрипт должен быть запущен, когда в СМИ уже дойдет до конца (полезное мероприятие для сообщения «спасибо за прослушивание»)
onerror<audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video>Сценарий для запуска при возникновении ошибки
onfocusВсе видимые элементы.Сценарий для запуска, когда элемент получает фокус
onhashchange<body>Скрипт, запускаемый при изменении привязки URL
oninputВсе видимые элементы.Сценарий для запуска, когда элемент получает пользовательский ввод
oninvalidВсе видимые элементы.Сценарий для запуска при недопустимом элементе
onkeydownВсе видимые элементы.Скрипт, запускаемый при нажатии пользователем клавиши
onkeypressВсе видимые элементы.Скрипт, запускаемый при нажатии пользователем клавиши
onkeyupВсе видимые элементы.Скрипт, запускаемый при нажатии пользователем клавиши
onload<body>, <iframe>, <img>, <input>, <link>, <script>, <style>Скрипт, запускаемый после завершения загрузки элемента
onloadeddata<audio>, <video>Сценарий для запуска при загрузке данных мультимедиа
onloadedmetadata<audio>, <video>Скрипт, запускаемый при загрузке метаданных (например, измерений и длительности)
onloadstart<audio>, <video>Скрипт должен быть запущен и файл начинает загружаться до загружаемого
onmousedownВсе видимые элементы.Скрипт, запускаемый при нажатии кнопки мыши на элементе
onmousemoveВсе видимые элементы.Скрипт должен выполняться до тех пор, пока указатель мыши перемещается по элементу
onmouseoutВсе видимые элементы.Скрипт, запускаемый при перемещении указателя мыши из элемента
onmouseoverВсе видимые элементы.Скрипт, запускаемый при наведении указателя мыши на элемент
onmouseupВсе видимые элементы.Скрипт, запускаемый при отпускании кнопки мыши над элементом
onmousewheelВсе видимые элементы.Скрипт, запускаемый при прокрутке колесика мыши по элементу
onoffline<body>Скрипт, запускаемый при запуске браузера в автономном режиме
ononline<body>Скрипт, запускаемый при запуске браузера в оперативном режиме
onpagehide<body>Скрипт, запускаемый при переходе пользователя со страницы
onpageshow<body>Сценарий, выполняемый при переходе пользователя на страницу
onpasteВсе видимые элементы.Сценарий, выполняемый при вставке пользователем некоторого содержимого в элемент
onpause<audio>, <video>Сценарий, запускаемый при приостановке носителя пользователем или программным способом
onplay<audio>, <video>Скрипт должен быть запущен, когда СМИ готовы начать играть
onplaying<audio>, <video>Сценарий для запуска, когда носитель фактически начал играть.
onpopstate<body>Скрипт, запускаемый при изменении истории окна.
onprogress<audio>, <video>Сценарий для запуска, когда браузер находится в процессе получения данных мультимедиа
onratechange<audio>, <video>Сценарий для запуска при каждом изменении скорости воспроизведения (например, когда пользователь переключается в режим замедленной или быстрой перемотки вперед).
onreset<form>Сценарий для запуска при нажатии кнопки сброса в форме.
onresize<body>Скрипт, запускаемый при изменении размера окна браузера.
onscrollВсе видимые элементы.Скрипт, запускаемый при прокрутке полосы прокрутки элемента
onsearch<input>Сценарий, выполняемый при записи пользователем чего-либо в поле поиска (для <input=»search»>)
onseeked<audio>, <video>Сценарий, который будет выполняться, когда атрибут поиска имеет значение false, указывающее, что поиск закончился
onseeking<audio>, <video>Сценарий, который будет выполняться, если атрибут поиска имеет значение true, указывающее, что поиск активен
onselectВсе видимые элементы.Скрипт, запускаемый при выборе элемента
onshow<menu>Скрипт, запускаемый при отображении элемента <menu> в виде контекстного меню
onstalled<audio>, <video>Скрипт должен быть запущен, когда браузер не может получить данные по какой-либо причине
onstorage<body>Сценарий для запуска при обновлении области веб-хранилища
onsubmit<form>Сценарий для запуска при отправке формы
onsuspend<audio>, <video>Сценарий, который будет выполняться при извлечении данных мультимедиа останавливается перед полной загрузкой по какой-либо причине
ontimeupdate<audio>, <video>Скрипт для запуска при изменении игровой позиции (например, когда пользователь быстро переходит к другой точке в СМИ)
ontoggle<details>Сценарий, запускаемый при открытии или закрытии пользователем элемента <details>
onunload<body>Скрипт, запускаемый при выгрузке страницы (или закрытии окна браузера)
onvolumechange<audio>, <video>Сценарий, который будет выполняться каждый раз, когда видео / аудио громкость была изменена
onwaiting<audio>, <video>Скрипт должен быть запущен, когда СМИ приостановлена, но возобновится (например, когда СМИ останавливается для буферизации данных)
onwheelВсе видимые элементы.Скрипт, запускаемый при накатывании колесика мыши вверх или вниз по элементу
open<details>Указывает, что сведения должны быть видны (открыты) пользователю
optimum<meter>Указывает, какое значение является оптимальным для датчика
pattern<input>Задает регулярное выражение, по которому проверяется значение элемента <input>
placeholder<input>, <textarea>Задает короткую подсказку, описывающую ожидаемое значение элемента
poster<video>Указывает изображение, которое будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения
preload<audio>, <video>Указывает, если автор считает, что аудио / видео должно быть загружено при загрузке страницы
readonly<input>, <textarea>Указывает, что элемент доступен только для чтения
rel<a>, <area>, <link>Задает связь между текущим документом и связанным документом
required<input>, <select>, <textarea>Указывает, что элемент должен быть заполнен перед отправкой формы
reversed<ol>Указывает, что порядок списка должен быть по убыванию (9,8,7. ..)
rows<textarea>Указывает видимое количество строк в текстовой области
rowspan<td>, <th>Задает количество строк, которое должна занимать ячейка таблицы
sandbox<iframe>Включает дополнительный набор ограничений для содержимого в <iframe>
scope<th>Указывает, является ли ячейка заголовка заголовком столбца, строки или группы столбцов или строк
scoped<style>Указывает, что стили применяются только к родительскому элементу этого элемента и дочерним элементам этого элемента
selected<option>Указывает, что параметр должен быть предварительно выбран при загрузке страницы
shape<area>Определяет форму области
size<input>, <select>Задает ширину в символах (для <input>) или указывает количество видимых параметров (для <select>)
sizes<img>, <link>,
<source>		Задает размер связанного ресурса
span<col>, <colgroup>Задает количество столбцов для интервала
spellcheckГлобальные атрибутыУказывает, следует ли проверять орфографию и грамматику элемента
src<audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>,
<video>		Задает URL файла мультимедиа
srcdoc<iframe>Задает содержимое HTML страницы для отображения в <iframe>
srclang<track>Задает язык текстовых данных дорожки (требуется, если kind=»subtitles»)
srcset<img>, <source>Задает URL изображения для использования в различных ситуациях
start<ol>Задает начальное значение упорядоченного списка
step<input>Задает допустимые интервалы номеров для поля ввода
styleГлобальные атрибутыЗадает встроенный стиль CSS для элемента
tabindexГлобальные атрибутыЗадает порядок табуляции элемента
target<a>, <area>, <base>, <form>Указывает целевой объект для открытия связанного документа или отправки формы
titleГлобальные атрибутыЗадает дополнительные сведения об элементе
translateГлобальные атрибутыУказывает, следует ли переводить содержимое элемента
type<button>, <embed>, <input>, <link>, <menu>, <object>, <script>,
<source>, <style>		Указывает тип элемента
usemap<img>, <object>Задает изображение в качестве клиентской карты изображений
value<button>, <input>, <li>, <option>,
<meter>, <progress>, <param>		Задает значение элемента
width<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Задает ширину элемента
wrap<textarea>Указывает, как текст в текстовой области должен быть обернут при отправке в форме

Справочник HTML | HTML теги



Все

Блочные

Строчные

Новые HTML5

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

Не поддерживаемые в HTML5












































































































































ТегОписание
!, A
<!—. ..—>Добавляет комментарий в код документа
<!DOCTYPE> Предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа)
<a>Предназначен для создания ссылок
<abbr>Указывает, что текст является аббревиатурой
<acronym>Указывает, что текст является акронимом
<address>Предназначен для хранения контактной информации автора
<applet>Используется для вставки на страницу апплетов — небольших программ на языке Java
<area>Определяет активные области изображения, которые являются ссылками
<article>Задаёт содержание сайта вроде новости, статьи, записи блога, форума и др.
<aside>Представляет собой раздел, который имеет косвенное отношение к содержимому страницы
<audio>Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице
B
<b>Устанавливает жирное начертание шрифта
<base>Определяет адрес или способ открытия всех ссылок странице по умолчанию
<basefont>Задаёт шрифт, размер и цвет текста по умолчанию
<bdi>Указывает фрагмент текста, который должен быть изолирован от изменения направления вывода текста
<bdo>Устанавливает направление вывода текста: слева направо или справа налево
<bgsound>Определяет музыкальный файл, который будет проигрываться на веб-странице
<big>Увеличивает размер шрифта на единицу по сравнению с обычным текстом
<blockquote>Предназначен для выделения длинных цитат внутри документа
<body>Предназначен для хранения содержимого веб-страницы, отображаемого в окне браузера
<blink>Устанавливает мигание текста
<br>Устанавливает перевод строки в том месте, где он находится
<button>Создаёт на веб-странице кнопку
C
<canvas>Создаёт область, в которой при помощи JavaScript можно рисовать и выводить изображения
<caption>Создаёт заголовок к таблице
<center>
<cite>Представляет название произведения (книги, статьи, поэмы, песни и др. )
<code>Предназначен для отображения текста программного код
<col>Задаёт ширину и другие характеристики одной или нескольких колонок таблицы
<colgroup>Группирует колонки таблицы для изменения их параметров
<command>Создаёт команду в виде переключателя, флажка или обычной кнопки
<comment>Добавляет комментарий в код документа
D
<data>Представляет содержимое в машиночитаемом виде, предназначенное для автоматизированных систем
<datalist>Создаёт список вариантов, которые можно выбирать при наборе в текстовом поле
<dd>Указывает термин в списке описаний
<del>Используется для выделения текста, который был удалён в новой версии документа
<details>спользуется для хранения информации, которую можно скрыть или показать по требованию пользователя
<dfn>Выделяет термин в документе
<dialog>Показывает диалоговое окно, в котором можно выводить сообщение или форму, например, для входа на сайт
<dir>Создаёт список, содержащий названия директорий
<div>Универсальный блочный элемент
<dl>Создаёт список описаний
<dt>Определяет термин в списке описаний
E, F
<em>Предназначен для акцентирования текста
<embed>Используется для загрузки и отображения объектов
<fieldset>Группирует элементы формы
<figcaption>Содержит описание для элемента <figure>
<figure>Используется для группирования любых элементов, например, изображений и подписей к ним
<font>Изменяет характеристики шрифта, такие как размер, цвет и гарнитура
<footer>Определяет «подвал» сайта или раздела
<form>Устанавливает форму на веб-странице
<frame>Определяет свойства отдельного фрейма, на которые делится окно браузера
<frameset>Задаёт структуру фреймов на веб-странице
H
<h2>Заголовок первого уровня
<h3>Заголовок второго уровня
<h4>Заголовок третьего уровня
<h5>Заголовок четветого уровня
<h5>Заголовок пятого уровня
<h6>Заголовок шестого уровня
<head>Предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными
<header>Определяет «шапку» сайта или раздела
<hgroup>Используется для группирования заголовков веб-страницы или раздела
<hr>Рисует горизонтальную линию
<html>Является контейнером, который заключает в себе всё содержимое веб-страницы
I
<i>Устанавливает курсивное начертание шрифта
<iframe>Создаёт встроенный фрейм на странице
<img>Отображает на веб-странице изображение
<input>Позволяет создавать разные элементы интерфейса
<ins>Предназначен для выделения текста, который был добавлен в новую версию документа
K, L
<kbd>Используется для обозначения текста, который набирается на клавиатуре или для названия клавиш
<keygen>Используется для генерации пары ключей — закрытого и открытого (для форм)
<label>Устанавливает связь между определённой меткой и элементом формы
<legend>Создаёт заголовок группы элементов формы
<li>Определяет отдельный пункт списка
<link>Устанавливает связь с внешним документом вроде файла со стилями
M
<main>Элемент main предназначен для основного содержимого документа
<map>Служит контейнером для элементов <area>, которые определяют активные области для карт-изображений
<marquee>Создаёт бегущую строку на странице
<mark>Помечает текст как выделенный
<menu>Отображает список меню
<menuitem>Задаёт команду, которую пользователь может вызывать через контекстное меню
<meta>Определяет данные, которые используются для хранения информации, предназначенной для браузеров и поисковых систем
<meter>Используется для вывода значения в некотором известном диапазоне
N
<nav>Группирует ссылки навигации по сайту
<nobr>Уведомляет браузер отображать текст без переносов
<noembed>Предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами
<noindex>Запрещает поисковой системе Яндекс индексировать текст
<noframes>Содержимое элемента отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать
<noscript>Показывает своё содержимое, если браузер не поддерживает работу со скриптами
O
<object>Сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает
<ol>Устанавливает нумерованный (упорядоченный) список
<optgroup>Объединяет элементы <option> в одну группу
<option>Определяет отдельные пункты списка, создаваемого с помощью <select>
<output>Определяет область для вывода, преимущественно с помощью скриптов
P
<p>Определяет текстовый абзац
<param>Передаёт значения параметров Java-апплетам или объектам веб-страницы
<picture>Представляет собой контейнер для хранения нескольких элементов <source>, которые поддерживают элемент <img>
<plaintext>Отображает содержимое контейнера «как есть» со всеми тегами
<pre>Определяет блок предварительно форматированного текста
<progress>Используется для отображения прогресса завершённости задачи
Q, R
<q>Используется для выделения в тексте цитат
<rp>Используется для вывода текста в браузерах, которые не поддерживают элемент <ruby>
<rt>Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>
<rtc>В основном применяется в качестве описательной части или аннотации для иероглифов
<ruby>Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста
S
<s>Используется для содержимого, которое уже не является точным или актуальным
<samp>Используется для отображения текста, который является результатом вывода компьютерной программы
<script>Предназначен для описания скриптов
<section>Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др.
<select>Создаёт раскрывающийся список
<small>Используется для сносок и комментариев, написанных обычно мелким текстом
<source>Вставляет медийный файл для элементов <audio>, <video> и <picture>
<spacer>Создаёт пустое пространство по вертикали или горизонтали
<span>Универсальный строчный элемент
<strike>Отображает текст как перечёркнутый
<strong>Выделяет важный текст
<style>Определяет стили элементов веб-страницы
<sub>Отображает шрифт в виде нижнего индекса
<summary>Указывает заголовок для <details>, по которому можно щёлкать для разворачивания/сворачивания информации
<sup>Отображает шрифт в виде верхнего индекса
T
<table>Создаёт таблицу
<tbody>Предназначен для хранения одной или нескольких строк таблицы
<td>Предназначен для создания одной ячейки таблицы
<template>Задаёт шаблон для фрагмента HTML, который может быть клонирован и вставлен в документ через скрипты
<textarea>Создаёт поле для многострочного текста
<tfoot>Предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы
<th>Создаёт одну ячейку таблицы, которая обозначается как заголовочная
<thead>Предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы
<time>Помечает текст внутри элемента как дату, время или оба значения
<title>Определяет заголовок документа
<tr>Служит контейнером для создания строки таблицы
<track>Позволяет авторам указать текстовую дорожку для медийных элементов (<video> и <audio>)
<tt>Отображает текст моноширинным шрифтом
U, V, W, X
<u>Используется для разметки текста, который должен отличаться стилистически от обычного текста
<ul>Устанавливает маркированный (неупорядоченный) список
<var>Используется для выделения переменных из компьютерных программ
<video>Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице
<wbr>Указывает браузеру место, где допускается делать перенос строки в тексте
<xmp>Отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины

Справочник всех тегов и атрибутов HTML

ТегОписание
<!—…—>Используется для добавления комментариев.
<!DOCTYPE>Объявляет тип документа и предоставляет основную информацию для браузера — его язык и версия.
<a>Создаёт гипертекстовые ссылки.
<abbr>Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся с помощью атрибута title.
<address>Задает контактные данные автора/владельца документа или статьи. Отображается в браузере курсивом.
<area>Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь тега <map>.
<article>Раздел контента, который образует независимую часть документа или сайта, например, статья в журнале, запись в блоге, комментарий.
<aside>Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/сайта.
<audio>Загружает звуковой контент на веб-страницу.
<b>Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.
<base>Задает базовый адрес (URL), относительно которого вычисляются все относительные адреса. Это поможет избежать проблем при переносе страницы в другое место, так как все ссылки будут работать, как и прежде.
<bdi>Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста.
<bdo>Отображает текст в направлении, указанном в атрибуте dir, переопределяя текущее направление написания текста.
<blockquote>Выделяет текст как цитату, применяется для описания больших цитат.
<body>Представляет тело документа (содержимое, не относящееся к метаданным документа).
<br>Перенос текста на новую строку.
<button>Создает интерактивную кнопку. Внутрь тега можно поместить содержимое — текст или изображение.
<canvas>Холст-контейнер для динамического отображения изображений, таких как простые изображения, диаграммы, графики и т.п. Для рисования используется скриптовый язык JavaScript.
<caption>Добавляет подпись к таблице. Вставляется сразу после тега <table>.
<cite>Используется для указания источника цитирования. Отображается курсивом.
<code>Представляет фрагмент программного кода, отображается шрифтом семейства monospace.
<col>Выбирает для форматирования один или несколько столбцов таблицы, не содержащих информацию одного типа.
<colgroup>Создает структурную группу столбцов, выделяющую множество логически однородных ячеек.
<datalist>Элемент-контейнер для выпадающего списка элемента <input>. Варианты значений помещаются в элементы <option>.
<dd>Используется для описания термина из тега <dt>.
<del>Помечает текст как удаленный, перечёркивая его.
<details>Создаёт интерактивный виджет, который пользователь может открыть или закрыть. Представляет собой контейнер для контента, видимый заголовок виджета помещается в тег <summary>.
<dfn>Определяет слово как термин, выделяя его курсивом. Текст, идущий следом, должен содержать расшифровку этого термина.
<div>Тег-контейнер для разделов HTML-документа. Используется для группировки блочных элементов с целью форматирования стилями.
<dl>Тег-контейнер, внутри которого находятся термин и его описание.
<dt>Используется для задания термина.
<em>Выделяет важные фрагменты текста, отображая их курсивом.
<embed>Тег-контейнер для встраивания внешнего интерактивного контента или плагина.
<fieldset>Группирует связанные элементы в форме, рисуя рамку вокруг них.
<figcaption>Заголовок/подпись для элемента <figure>.
<figure>Самодостаточный тег-контейнер для такого контента как иллюстрации, диаграммы, фотографии, примеры кода, обычно с подписью.
<footer>Определяет завершающую область (нижний колонтитул) документа или раздела.
<form>Форма для сбора и отправки на сервер информации от пользователей. Не работает без атрибута action.
<h2-h6>Создают заголовки шести уровней для связанных с ними разделов.
<head>Элемент-контейнер для метаданных HTML-документа, таких как<title>, <meta>, <script>, <link>, <style>.
<header>Секция для вводной информации сайта или группы навигационных ссылок. Может содержать один или несколько заголовков, логотип, информацию об авторе.
<hr>Горизонтальная линия для тематического разделения параграфов.
<html>Корневой элемент HTML-документа. Сообщает браузеру, что это HTML-документ. Является контейнером для всех остальных html-элементов.
<i>Выделяет отрывок текста курсивом, не придавая ему дополнительный акцент.
<iframe>Создает встроенный фрейм, загружая в текущий HTML-документ другой документ.
<img>Встраивает изображения в HTML-документ с помощью атрибута src, значением которого является адрес встраиваемого изображения.
<input>Создает многофункциональные поля формы, в которые пользователь может вводить данные.
<ins>Выделяет текст подчеркиванием. Применяется для выделения изменений, вносимых в документ.
<kbd>Выделяет текст, который должен быть введён пользователем с клавиатуры, шрифтом семейства monospace.
<keygen>Генерирует пару ключей — закрытый и открытый. При отправке формы, закрытый ключ хранится локально, и открытый ключ отправляется на сервер. Работает внутри тега <form>.
<label>Добавляет текстовую метку для элемента <input>.
<legend>Заголовок элементов формы, сгруппированных с помощью элемента <fieldset>.
<li>Элемент маркированного или нумерованного списка.
<link>Определяет отношения между документом и внешним ресурсом. Также используется для подключения внешних таблиц стилей.
<main>Контейнер для основного уникального содержимого документа. На одной странице должно быть не более одного элемента <main>.
<map>Создаёт активные области на карте-изображении. Является контейнером для элементов <area>.
<mark>Выделяет фрагменты текста, помечая их желтым фоном.
<meta>Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке <head> может быть несколько тегов <meta>, так как в зависимости от используемых атрибутов они несут разную информацию.
<meter>Индикатор измерения в заданном диапазоне.
<nav>Раздел документа, содержащий навигационные ссылки по сайту.
<noscript>Определяет секцию, не поддерживающую сценарий (скрипт).
<object>Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег <param>.
<ol>Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная.
<optgroup>Контейнер с заголовком для группы элементов <option>.
<option>Определяет вариант/опцию для выбора в раскрывающемся списке <select>, <optgroup> или <datalist>.
<output>Поле для вывода результата вычисления, рассчитанного с помощью скрипта.
<p>Параграфы в тексте.
<param>Определяет параметры для плагинов, встраиваемых с помощью элемента <object>.
<pre>Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д.
<progress>Индикатор выполнения задачи любого рода.
<q>Определяет краткую цитату.
<ruby>Контейнер для Восточно-Азиатских символов и их расшифровки.
<rb>Определяет вложенный в него текст как базовый компонент аннотации.
<rt>Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе <ruby>, выводится уменьшенным шрифтом.
<rtc>Отмечает вложенный в него текст как дополнительную аннотацию.
<rp>Выводит альтернативный текст в случае если браузер не поддерживает элемент <ruby>.
<s>Отображает текст, не являющийся актуальным, перечеркнутым.
<samp>Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом.
<script>Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src.
<section>Определяет логическую область (раздел) страницы, обычно с заголовком.
<select>Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в <option>.
<small>Отображает текст шрифтом меньшего размера.
<source>Указывает местоположение и тип альтернативных медиа ресурсов для элементов <video> и <audio>.
<span>Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов.
<strong>Расставляет акценты в тексте, выделяя полужирным.
<style>Подключает встраиваемые таблицы стилей.
<sub>Задает подстрочное написание символов, например, индекса элемента в химических формулах.
<summary>Создаёт видимый заголовок для тега <details>. Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка.
<sup>Задает надстрочное написание символов.
<table>Тег для создания таблицы.
<tbody>Определяет тело таблицы.
<td>Создает ячейку таблицы.
<textarea>Создает большие поля для ввода текста.
<tfoot>Определяет нижний колонтитул таблицы.
<th>Создает заголовок ячейки таблицы.
<thead>Определяет заголовок таблицы.
<time>Определяет дату/время.
<title>Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
<tr>Создает строку таблицы.
<track>Добавляет субтитры для элементов <audio> и <video>.
<u>Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
<ul>Создает маркированный список.
<var>Выделяет переменные из программ, отображая их курсивом.
<video>Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
<wbr>Указывает браузеру возможное место разрыва длинной строки.

HTML | MDN

HTML (HyperText Markup Language — «язык гипертекстовой разметки») — самый базовый строительный блок Веба. Он определяет содержание и структуру веб-контента. Другие технологии, помимо HTML, обычно используются для описания внешнего вида/представления (CSS) или функциональности/поведения (JavaScript) веб-страницы.

Под гипертекстом («hypertext») понимаются ссылки, которые соединяют веб-страницы друг с другом либо в пределах одного веб-сайта, либо между веб-сайтами. Ссылки являются фундаментальным аспектом Веба. Загружая контент в Интернет и связывая его со страницами, созданными другими людьми, вы становитесь активным участником Всемирной паутины.

HTML использует разметку («markup») для отображения текста, изображений и другого контента в веб-браузере. HTML-разметка включает в себя специальные «элементы», такие как <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video> и многие другие.

HTML-элемент выделяется из прочего текста в документе с помощью «тегов», которые состоят из имени элемента окружённого «<» и «>«. Имя элемента внутри тега не чувствительно к регистру. То есть, оно может быть написано в верхнем или нижнем регистре, или смешано. Например, тег <title> может быть записан как <Title>, <TITLE>, или любым другим способом.

Статьи, представленные ниже, могут помочь вам больше узнать о HTML.

  • Введение в HTML

    Если вы новичок в веб-разработке, обязательно прочитайте нашу статью «Основы HTML», чтобы узнать, что такое HTML и как его использовать.

  • Руководства по HTML

    Статьи о том, как использовать HTML, а также обучающие материалы и исчерпывающие примеры можно найти в разделе «Пространство изучения HTML».

  • Справка по HTML

    В нашем обширном разделе «Справка по HTML» вы найдёте подробности о каждом элементе и атрибуте в HTML.

Наше Пространство изучения HTML содержит множество модулей, которые обучают HTML с нуля — начальные знания не требуются.

Введение в HTML
Этот модуль закладывает основу, знакомя вас с важными понятиями и синтаксисом, такими как применение HTML к тексту, создание гиперссылок и использование HTML для построения веб-страницы.
Мультимедиа и встраивание
В этом модуле рассматривается, как использовать HTML для добавления мультимедиа на ваши веб-страницы, включая различные способы вставки изображений, а также для встраивания видео, аудио, и даже других веб-страниц целиком.
HTML-таблицы
Представление табличных данных на веб-странице в понятной, доступной форме может быть проблемой. Этот модуль охватывает базовую разметку таблиц, а также более сложные особенности, такие как добавление заголовков и описаний.
HTML-формы
Формы являются очень важной частью Веба — они предоставляют большую часть функциональности, необходимого для взаимодействия с веб-сайтами, например регистрация и вход в систему, отправка отзывов, покупка товаров, и многое другое. Этот модуль познакомит вас с созданием клиентских (client-side/front-end) частей форм.
Используйте HTML для решения распространённых задач.
Содержит ссылки на разделы, объясняющие как использовать HTML для решения самых распространённых задач при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение контента, создание простой формы и т.д.

Продвинутые темы

CORS: включённые изображения
Атрибут crossorigin в сочетании с соответствующим заголовком CORS, позволяет загружать изображения, определённые элементом <img>, из внешних источников и использовать в элементе <canvas>, как если бы они были загружены из текущего источника.
CORS: Настройки атрибутов
Некоторые HTML-элементы, предоставляющие поддержку CORS, такие как <img> или <video>, имеют атрибут crossorigin (свойство crossOrigin), который позволяет вам настраивать CORS-запросы для получаемых элементом данных.
Управление фокусом в HTML
DOM-Атрибут activeElement и DOM-метод hasFocus() помогают отслеживать и контролировать взаимодействие пользователя с элементами на веб-странице.
Предварительная загрузка контента с помощью rel=»preload»
Значение preload атрибута rel элемента <link> позволяет писать декларативные fetch-запросы в HTML <head>, указывая ресурсы, которые потребуются вашим страницам сразу после загрузки и, следовательно, которые вы хотите начать предварительно загружать на раннем этапе жизненного цикла страницы, прежде чем браузером запустится основной механизм рендеринга (отрисовки). Это гарантирует, что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведёт к улучшению производительности. В этой статье приведено начальное руководство по работе с preload (предзагрузкой).

Справочники

Справка по HTML
HTML состоит из элементов, каждый из которых может быть изменён некоторым количеством атрибутов. HTML-документы связаны между собой ссылками.
Справка по HTML-элементам
Просмотр списка всех элементов HTML.
Справка по HTML-атрибутам
У элементов в HTML есть атрибуты. Это дополнительные величины, которые настраивают элементы или управляют их поведением различными способами.
Глобальные атрибуты
Глобальные атрибуты могут быть указаны для всех элементов HTML, даже тех, которые не указаны в стандарте. Это означает, что любые нестандартные элементы обязаны по-прежнему разрешать эти атрибуты, даже если эти элементы делают документ несовместимым с HTML5.
Строчные и блочные элементы
Элементы HTML являются обычно «строчными» или «блочными». Строчный элемент занимает только пространство, ограниченное тегами, которые его определяют. Блочный элемент занимает все пространство своего родительского элемента (контейнера), тем самым создавая «блок».
Типы ссылок
В HTML различные типы ссылок могут использоваться для установления и определения связи между двумя документами. Элементы-ссылки, типы которых могут быть заданы, включают в себя <a>, <area> и <link>.
Поддержка медиа-форматов с помощью HTML-элементов audio и video
Элементы <audio> и <video> позволяют вам воспроизводить аудио и видео. Эти элементы предоставляют браузерную альтернативу аналогичным возможностям, которые есть в Adobe Flash и других плагинах.
Виды HTML-контента
HTML состоит из нескольких видов контента, каждый из которых разрешено использовать в определённых контекстах и запрещено в других. Так же, у каждого есть набор других категорий контента, которые они могут содержать, и элементы, которые могут или не могут использоваться в них. Это руководство по таким категориям.
Режим совместимости и стандартный режим
Историческая справка по режиму совместимости и стандартному режиму.

Похожие темы

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

Краткий справочник html-тегов. Веб-студия «Телероектор».

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

Ниже приведен список основных html-тегов.

Тег параграфа <p>

Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Описание тега <p> на сайте htmlbook.ru →

Пример кода:
<p>Первый параграф.</p>
<p>Второй параграф.</p>

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

Первый параграф.

Второй параграф.

Тег переноса строки <br>

Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.
Описание тега <br> на сайте htmlbook.ru →

Пример кода:
Первое предложение.<br>Второе предложение.

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

Первое предложение.
Второе предложение.

Тег заголовка второго уровня <h3>

Представляет собой заголовок второго уровня. Текст внутри тега отображается крупным шрифтом жирного начертания.
Описание тега <h3> на сайте htmlbook.ru →

Пример кода:
<h3>Заголовок второго уровня</h3>
<h4>Заголовок третьего уровня</h4>
<p>Текст.</p>
<h4>Заголовок третьего уровня</h4>
<p>Большой текст.</p>

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

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег заголовка третьего уровня <h4>

Устанавливает заголовок третьего уровня.
Описание тега <h4> на сайте htmlbook.ru →

Пример кода:
<h3>Заголовок второго уровня</h3>
<h4>Заголовок третьего уровня</h4>
<p>Текст.</p>
<h4>Заголовок третьего уровня</h4>
<p>Большой текст.</p>

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

Заголовок второго уровня

Заголовок третьего уровня

Текст.

Заголовок третьего уровня

Большой текст.

Тег ссылки <a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта. Ссылка может быть графической.
Описание тега <a> на сайте htmlbook.ru →

Пример кода:
<a href=»/»>Веб-студия «Телепроектор»</a>
<br>
<a href=»http://www.teleprojector.ru/»><img src=»http://www.teleprojector.ru/img/intext/logo.gif» alt=»Логотип студии «Телепроектор»»></a>
<br>
<a href=»/o_kompanii/kontakty/»>Контактные данные студии</a> <br>
<a href=»http://www.yandex.ru/» target=»_blank»>Ссылка на Яндекс (откроется в новом окне)</a>

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

Тег для жирного начертания текста <b>

Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <b> на сайте htmlbook.ru →

Пример кода:
Простые слова. <b>Слова, выделенные жирным шрифтом</b>. Снова простые слова.

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

Простые слова. Слова, выделенные жирным шрифтом. Снова простые слова.

Тег курсивного начертания шрифта <i>

Устанавливает курсивное (наклонное) начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Описание тега <i> на сайте htmlbook.ru →

Пример кода:
Обычный текст. <i>Текст курсивом</i>. Обычный текст.

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

Обычный текст. Текст курсивом. Обычный текст.

Тег для подчеркивания текста <u>

Добавляет подчеркивание к тексту. Тег считается устаревшим.
Описание тега <u> на сайте htmlbook.ru →

Пример кода:
Обычный текст. <u>Подчеркиваемый текст</u>. Обычный текст.

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

Обычный текст. Подчеркиваемый текст. Обычный текст.

Тег акцентирования слов в тексте <strong>

Тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
Описание тега <strong> на сайте htmlbook.ru →

Пример кода:
Простые слова. <strong>Акцентированные слова</strong>. Снова простые слова.

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

Простые слова. Акцентированные слова. Снова простые слова.

Тег маркированного списка <ul>

Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Описание тега <ul> на сайте htmlbook.ru →

Пример кода:
Полный список:
<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>

Отображение в браузере:
Полный список:

  • Первый пункт

  • Второй пункт

  • Третий пункт

Тег нумерованного списка <ol>

Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.
Описание тега <ol> на сайте htmlbook.ru →

Пример кода:
Полный список:
<ol>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ol>

Отображение в браузере:
Полный список:

  1. Первый пункт

  2. Второй пункт

  3. Третий пункт

Тег вставки изображения <img>

Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.
Описание тега <img> на сайте htmlbook.ru →

Пример кода:
<img src=»http://www.teleprojector.ru/img/intext/logo.gif» alt=»Телепроектор»>

<img src=»/img/intext/logo.gif» alt=»Телепроектор»>

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

Тег для создания таблицы <table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Параметр border – определяет толщину в пикселях. После закрытия одной строки, добавляется следующая.
Описание тега <table> на сайте htmlbook.ru →

Пример кода:
<table border = «1»>
<tr>
<td>Текст в первой ячейке.</td>
<td>Текст во второй ячейке.</td>
<td>Текст в третьей ячейке.</td>
</tr>
<tr>
<td>Текст в четвертой ячейке.</td>
<td>Текст в пятой ячейке.</td>
<td>Текст в шестой ячейке.</td>
</tr>
</table>

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



Текст в первой ячейке.Текст во второй ячейке.Текст в третьей ячейке.
Текст в четвертой ячейке.Текст в пятой ячейке.Текст в шестой ячейке.

Тег нижнего индекса <sub>

Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Описание тега <sub> на сайте htmlbook.ru →

Пример кода:
Химическая формула воды: H<sub>2</sub>O.

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

Химическая формула воды: H2O.

Тег верхнего индекса (степени) <sup>

Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Описание тега <sup> на сайте htmlbook.ru →

Пример кода:
Площадь 10 м<sup>2</sup>. Примечание<sup>*</sup>.

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

Площадь 10 м2. Примечание*.

HTML Reference — Бесплатное руководство по всем элементам и атрибутам HTML.

мета самозакрывающийся встроенный блок

abbr

мета самозакрывающийся встроенный блок

адрес

мета самозакрывающийся встроенный блок

область

мета самозакрывающийся встроенный блок

статья

мета самозакрывающийся встроенный блок

в сторону

мета самозакрывающийся встроенный блок

в сторону

мета самозакрывающийся встроенный блок

закрытие встроенного блока

аудио

мета-самозакрывающийся встроенный блок

b

мета-самозакрывающийся встроенный блок

базовый

мета-самозакрывающийся встроенный блок

bdi

мета-самозакрывающийся встроенный блок

bdo

мета-самозакрывающийся встроенный блок

blockquote

мета самозакрывающийся встроенный блок

тело

мета самозакрывающийся встроенный блок

br

мета самозакрывающийся встроенный блок

кнопка

мета самозакрывающийся встроенный блок

холст

мета самозакрывающийся встроенный блок

подпись

мета самозакрывающийся встроенный блок

cite

мета самозакрывающийся встроенный блок

код

мета самозакрывающийся встроенный блок

col

мета самозакрывающийся встроенный блок

colgroup

мета самозакрывающийся ng встроенный блок

данные

мета-самозакрывающийся встроенный блок

datalist

мета-самозакрывающийся встроенный блок

dd

мета-самозакрывающийся встроенный блок

del

мета-самозакрывающийся встроенный блок

подробности

мета-самозакрывающийся встроенный блок

dfn

мета самозакрывающийся встроенный блок

диалог экспериментальный

мета самозакрывающийся встроенный блок

div

мета самозакрывающийся встроенный блок

dl

мета самозакрывающийся встроенный блок

dt

мета самозакрывающийся встроенный блок

em

мета самозакрывающийся встроенный блок

em

мета самозакрывающийся встроенный блок

закрытие встроенного блока

встроить

мета самозакрывающийся встроенный блок

fieldset

мета самозакрывающийся встроенный блок

figcaption

мета самозакрывающийся встроенный блок

рисунок

мета самозакрывающийся встроенный блок

нижний колонтитул

мета самозакрывающийся встроенный блок

форма

мета-самозакрывающийся встроенный блок

h2

мета-самозакрывающийся встроенный блок

h3

мета-самозакрывающийся встроенный блок

h4

мета-самозакрывающийся встроенный блок 9000 3 h5

мета самозакрывающийся встроенный блок

h5

мета самозакрывающийся встроенный блок

h6

мета самозакрывающийся встроенный блок

head

мета самозакрывающийся встроенный блок

заголовок

мета самозакрывающийся встроенный блок

hgroup экспериментальный

мета самозакрывающийся встроенный блок

час

мета самозакрывающийся встроенный блок

html

мета самозакрывающийся встроенный блок

i

мета самозакрывающийся встроенный блок

iframe

мета самозакрывающийся встроенный блок

img

мета самозакрывающийся встроенный блок

вход

мета самозакрывающийся встроенный блок

ins

мета самозакрывающийся встроенный блок

kbd

мета самозакрывающийся встроенный блок

метка

мета самозакрывающийся встроенный блок

легенда

мета самозакрывающийся встроенный блок

li

мета самозакрывающийся -закрытие встроенного блока

ссылка

мета-самозакрывающийся встроенный блок

основной

мета-самозакрывающийся встроенный блок

карта

мета-самозакрывающийся встроенный блок

метка

мета-самозакрывающийся встроенный блок инлайн блок

мета

мета самозакрывающийся встроенный блок

метр

мета самозакрывающийся встроенный блок

nav

мета самозакрывающийся встроенный блок

noframes

мета самозакрывающийся встроенный блок

noscript

мета самозакрывающийся встроенный блок

объект

мета самозакрывающийся встроенный блок

ol

мета самозакрывающийся встроенный блок

optgroup

мета самозакрывающийся встроенный блок

опция

мета самозакрывающийся встроенный блок

вывод

мета самозакрывающийся встроенный блок

p

мета самозакрывающийся встроенный блок блок

параметр

мета-самозакрывающийся встроенный блок

изображение экспериментальный

мета-самозакрывающийся встроенный блок

до

мета-самозакрывающийся встроенный блок

прогресс

мета-самозакрывающийся встроенный блок

q

мета-самозакрывающийся встроенный блок

rp

мета самозакрывающийся встроенный блок

rt

мета самозакрывающийся встроенный блок

rtc

мета самозакрывающийся встроенный блок

рубин

мета самозакрывающийся встроенный блок

s

мета самозакрывающийся встроенный блок

samp

мета самозакрывающийся встроенный блок

скрипт

мета самозакрывающийся встроенный блок

секция

мета самозакрывающийся встроенный блок

выбор

мета самозакрывающийся встроенный блок

слот экспериментальный

мета самозакрывающийся -закрытие встроенного блока

маленький

мета-самозакрывающийся встроенный блок

исходный

мета-самозакрывающийся встроенный блок

span

мета-самозакрывающийся встроенный блок

сильный

мета-самозакрывающийся встроенный блок

стиль

мета-самозакрывающийся встроенный блок

sub

мета-самозакрывающийся встроенный блок

сводка

мета-самозакрывающийся встроенный блок

sup

мета-самозакрывающийся встроенный блок

таблица

мета-самозакрывающийся встроенный блок

tbody

мета-самозакрывающийся встроенный блок

td

мета-самозакрывающийся встроенный блок

td

мета-самозакрывающийся встроенный блок

закрывающий встроенный блок

шаблон экспериментальный

мета-самозакрывающийся встроенный блок

textarea

мета-самозакрывающийся встроенный блок

tfoot

мета-самозакрывающийся встроенный блок

th

мета-самозакрывающийся встроенный блок

thead

мета-самозакрывающийся встроенный блок

время

мета-самозакрывающийся встроенный блок

заголовок

мета-самозакрывающийся встроенный блок

tr

мета-самозакрывающийся встроенный блок

дорожка

мета-сам -закрытие встроенного блока

u

мета-самозакрывающийся встроенный блок

ul

мета-самозакрывающийся встроенный блок

var

мета-самозакрывающийся встроенный блок

видео

мета-самозакрывающийся встроенный блок

wbr экспериментальный

мета-самозакрывающийся встроенный блок

HTML: язык разметки (справочник по языку HTML)

Аннотация

Эта ненормативная ссылка описывает

Язык разметки HTML и подробные сведения, которые помогут
производители HTML-контента создают документы, соответствующие
к языку.Он предназначен для дополнения нормативного соответствия
критерии, определенные в
HTML5: словарь и связанные API для HTML и XHTML
Технические характеристики,
а также информацию в связанных результатах, опубликованных
рабочая группа HTML и из других источников.
По замыслу, этот справочник не описывает подробно связанные API,
и не пытайтесь объяснить, как реализации, которые
потребители содержимого HTML предназначены для обработки документов
(эти области охватываются
Спецификация HTML5
сам),
и не пытайтесь также быть учебным пособием или руководством по разработке.

Статус этого документа


В этом разделе описывается статус этого документа на момент
его публикация. Другие документы могут заменять этот документ. Список
текущих публикаций W3C и последней редакции этого технического
отчет можно найти в техническом
индекс отчетов на http://www.w3.org/TR/.

Этот документ представляет собой рабочий проект от 11 октября 2012 г.
HTML: язык разметки (справочник по языку HTML) .Если вы хотите прокомментировать этот документ, предпочтительный
Средством комментирования является отправка ваших комментариев через
База данных bugzilla рабочей группы HTML с полем Component , установленным на HTML5: The Markup Language .
Кроме того, вы можете отправить комментарии по электронной почте на адрес
[email protected]
(в архиве).

Этот документ
был опубликован
рабочая группа W3C HTML,
часть HTML-активности
в Домене взаимодействия W3C.

Нестабильность и неполнота этого документа

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

Примеры
В документации на каждый элемент в идеале есть
хотя бы один соответствующий пример и хотя бы один
несоответствующий пример.
Детали
Целью данного подраздела является предоставление, где
необходимы дополнительные сведения о семантике
элемент и его атрибуты.
Дополнительные ограничения и увещевания
Целью данного подраздела является предоставление, где
необходимы дополнительные ограничения соответствия документов и
указания по использованию элемента и его атрибутов (в
в дополнение к уже задокументированным в
Разрешенное содержание ,
Разрешенные атрибуты ,
Разрешенные родительские элементы ,
а также
Отсутствие тега
подразделов).

Публикация как
Рабочий проект не предполагает одобрения
Членство в W3C. Это черновой документ, который может быть обновлен, заменен
или устарели другими документами в любое время. Неуместно цитировать
этот документ, кроме незавершенного производства.

Этот документ был подготовлен группой, работающей под
5 февраля
Патентная политика W3C 2004 г.
Этот документ носит информативный характер.W3C поддерживает
публичный список
любые раскрытия патентов, сделанные в связи с результатами
группа; эта страница также включает инструкции по раскрытию патента.
Лицо, которое действительно знает патент, который это лицо
считает, что содержит
Существенный
Претензии должны раскрывать информацию в соответствии с
раздел
6 Патентной политики W3C.

ссылок и DOM — React

ссылок предоставляют способ доступа к узлам DOM или элементам React, созданным в методе рендеринга.

В типичном потоке данных React свойства — единственный способ взаимодействия родительских компонентов со своими дочерними. Чтобы изменить дочерний элемент, вы повторно визуализируете его с новыми реквизитами. Однако есть несколько случаев, когда вам необходимо обязательно изменить дочерний элемент за пределами обычного потока данных. Изменяемый дочерний элемент может быть экземпляром компонента React или элементом DOM. Для обоих этих случаев React предоставляет аварийный выход.

Когда использовать Refs

Есть несколько хороших вариантов использования ссылок:

  • Управление фокусом, выделением текста или воспроизведением мультимедиа.
  • Запуск обязательной анимации.
  • Интеграция со сторонними библиотеками DOM.

Избегайте использования ссылок для всего, что можно сделать декларативно.

Например, вместо того, чтобы предоставлять методы open () и close () для компонента Dialog , передайте ему опору isOpen .

Не злоупотребляйте отказом

Возможно, вы в первую очередь захотите использовать ссылки, чтобы «заставить что-то происходить» в вашем приложении. Если это так, найдите момент и подумайте более критически о том, где должно принадлежать состояние в иерархии компонентов.Часто становится ясно, что подходящее место для «владения» этим состоянием находится на более высоком уровне иерархии. Примеры этого см. В руководстве «Повышение состояния подъема».

Примечание

Приведенные ниже примеры были обновлены для использования API React.createRef () , представленного в React 16.3. Если вы используете более раннюю версию React, мы рекомендуем вместо этого использовать ссылки обратного вызова.

Создание ссылок

Refs создаются с использованием React.createRef () и прикрепляются к элементам React через атрибут ref .Ссылки обычно присваиваются свойству экземпляра при создании компонента, чтобы на них можно было ссылаться по всему компоненту.

  class MyComponent extends React.Component {
  конструктор (реквизит) {
    супер (реквизит);
    this.myRef = React.createRef (); }
  оказывать() {
    возврат 
; }
}

Доступ к ссылкам

Когда ссылка передается элементу в render , ссылка на узел становится доступной в текущем атрибуте ссылки.

  const node = this.myRef.current;

Значение ref различается в зависимости от типа узла:

  • Когда атрибут ref используется в элементе HTML, ref , созданный в конструкторе с помощью React.createRef () , получает базовый элемент DOM в качестве своего текущего свойства .
  • Когда атрибут ref используется в компоненте настраиваемого класса, объект ref получает смонтированный экземпляр компонента в качестве своего текущего .
  • Вы не можете использовать атрибут ref в функциональных компонентах , потому что у них нет экземпляров.

Приведенные ниже примеры демонстрируют различия.

Добавление ссылки в элемент DOM

Этот код использует ref для хранения ссылки на узел DOM:

  class CustomTextInput расширяет React.Component {
  конструктор (реквизит) {
    супер (реквизит);
    
    this.textInput = React.createRef (); this.focusTextInput = это.focusTextInput.bind (это);
  }

  focusTextInput () {
    
    
    this.textInput.current.focus (); }

  оказывать() {
    
    
    возвращаться (
      

        <ввод
          type = "текст"
          ref = {this.textInput} /> 
      

    );
  }
}

React назначит текущее свойство элементу DOM при монтировании компонента и вернет его null при размонтировании. ref обновлений происходят до методов жизненного цикла componentDidMount или componentDidUpdate .

Добавление ссылки в компонент класса

Если бы мы хотели обернуть CustomTextInput выше, чтобы имитировать щелчок сразу после монтирования, мы могли бы использовать ссылку, чтобы получить доступ к пользовательскому вводу и вызвать его метод focusTextInput вручную:

  class AutoFocusTextInput расширяет React.Component {
  конструктор (реквизит) {
    супер (реквизит);
    это.textInput = React.createRef (); }

  componentDidMount () {
    this.textInput.current.focusTextInput (); }

  оказывать() {
    возвращаться (
      );
  }
}

Обратите внимание, что это работает, только если CustomTextInput объявлен как класс:

  class CustomTextInput расширяет React.Component {
}
Ссылки и функциональные компоненты

По умолчанию , вы не можете использовать атрибут ref в функциональных компонентах , потому что у них нет экземпляров:

  функция MyFunctionComponent () {return ;
}

class Parent расширяет React.Составная часть {
  конструктор (реквизит) {
    супер (реквизит);
    this.textInput = React.createRef (); }
  оказывать() {
    
    возвращаться (
      );
  }
}

Если вы хотите разрешить людям использовать ref в вашем функциональном компоненте, вы можете использовать forwardRef (возможно, вместе с useImperativeHandle ) или преобразовать компонент в класс.

Вы можете, однако, использовать атрибут ref внутри функционального компонента , если вы ссылаетесь на элемент DOM или компонент класса:

  function CustomTextInput (props) {
    const textInput = useRef (ноль);
  function handleClick () {
    ввод текста.current.focus (); }

  возвращаться (
    

      <ввод
        type = "текст"
        ref = {textInput} /> 
    

  );
}

Отображение ссылок DOM на родительские компоненты

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

Хотя вы можете добавить ссылку на дочерний компонент, это не идеальное решение, поскольку вы получите только экземпляр компонента, а не узел DOM. Кроме того, это не будет работать с функциональными компонентами.

Если вы используете React 16.3 или выше, мы рекомендуем использовать переадресацию ссылок для этих случаев. Переадресация Ref позволяет компонентам разрешить отображение ссылки любого дочернего компонента как своего собственного . Вы можете найти подробный пример того, как предоставить дочерний узел DOM родительскому компоненту, в документации по пересылке ссылок.

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

По возможности, мы не советуем раскрывать узлы DOM, но это может быть полезный выход из ситуации. Обратите внимание, что этот подход требует добавления кода в дочерний компонент. Если у вас нет абсолютно никакого контроля над реализацией дочернего компонента, последний вариант — использовать findDOMNode () , но он не рекомендуется и не рекомендуется в StrictMode .

Обратный звонок Refs

React также поддерживает другой способ установки ссылок, называемый «callback refs», который дает более точный контроль над тем, когда ссылки устанавливаются и не устанавливаются.

Вместо передачи атрибута ref , созданного createRef () , вы передаете функцию. Функция получает экземпляр компонента React или элемент HTML DOM в качестве аргумента, который может быть сохранен и доступен в другом месте.

Пример ниже реализует общий шаблон: использование обратного вызова ref для сохранения ссылки на узел DOM в свойстве экземпляра.

  class CustomTextInput расширяет React.Component {
  конструктор (реквизит) {
    супер (реквизит);

    this.textInput = null;
    this.setTextInputRef = element => {this.textInput = element; };
    this.focusTextInput = () => {если (this.textInput) this.textInput.focus (); }; }

  componentDidMount () {
    
    this.focusTextInput (); }

  оказывать() {
    
    
    возвращаться (
      

        <ввод
          type = "текст"
          ref = {this.setTextInputRef} />
        <ввод
          type = "кнопка"
          value = "Сфокусировать ввод текста"
          onClick = {это.focusTextInput} />
      

    );
  }
}

React вызовет обратный вызов ref с элементом DOM при монтировании компонента и вызовет его с null при размонтировании. Ссылки гарантированно будут актуальными до срабатывания componentDidMount или componentDidUpdate .

Вы можете передавать ссылки обратного вызова между компонентами, как вы можете с ссылками на объекты, которые были созданы с помощью React.createRef () .

  function CustomTextInput (props) {
  возвращаться (
    

       

  );
}

class Parent extends React.Component {
  оказывать() {
    возвращаться (
       this.inputElement = el} />
    );
  }
}

В приведенном выше примере Parent передает свой обратный вызов ref как опору inputRef в CustomTextInput , а CustomTextInput передает ту же функцию, что и специальный атрибут ref в .В результате this.inputElement в Parent будет установлен на узел DOM, соответствующий элементу в CustomTextInput .

Устаревший API: ссылка на строку

Если вы раньше работали с React, возможно, вы знакомы со старым API, где атрибут ref представляет собой строку, например «textInput» , а доступ к узлу DOM осуществляется как this.refs.textInput . Мы не советуем этого делать, потому что ссылки на строки имеют некоторые проблемы, считаются устаревшими, и , вероятно, будет удален в одном из будущих выпусков .

Примечание

Если вы в настоящее время используете this.refs.textInput для доступа к ссылкам, мы рекомендуем вместо этого использовать либо шаблон обратного вызова, либо createRef API.

Предостережения с обратным вызовом refs

Если обратный вызов ref определен как встроенная функция, он будет вызываться дважды во время обновлений, сначала с null , а затем снова с элементом DOM. Это связано с тем, что при каждом рендеринге создается новый экземпляр функции, поэтому React необходимо очистить старую ссылку и настроить новую.Вы можете избежать этого, определив обратный вызов ref как связанный метод в классе, но учтите, что в большинстве случаев это не имеет значения.

Ссылки — FHIR v4.0.1

Эта страница является частью спецификации FHIR (v4.0.1: R4 — Mixed Normative and STU). Это текущая опубликованная версия. Полный список доступных версий см. В Справочнике опубликованных версий

.

2.3.0 Ссылки на ресурсы

Эта страница была утверждена как часть стандарта ANSI.Дополнительные сведения см. В пакете инфраструктуры.

Многие из определенных элементов ресурса являются ссылками на другие ресурсы. Используя эти
ссылки, ресурсы объединяются для создания сети информации о здравоохранении.

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

Поскольку ресурсы обрабатываются независимо, отношения не считаются транзитивными.
Например, если ресурс процедуры ссылается на пациента в качестве субъекта и имеет
Ресурс процедуры как его причина, нет автоматического правила или следствия, что условие
есть тот же пациент для своего предмета.Вместо этого должен быть установлен предмет условия.
непосредственно в самом ресурсе Condition. Другой способ заявить об этом заключается в том, что контекст
субъект не «унаследован» и не «ведет» в отношении к условию.
Единственным исключением из этого правила являются ограниченные ресурсы (см. Ниже). Обратите внимание, что в
На практике отношения должны описывать логическую и связную запись, а в
В случае Условий и Процедур, описанных здесь, они обычно должны иметь
один и тот же пациент для своих испытуемых.Профили и / или руководства по внедрению могут устанавливать правила
об этом (см. также GraphDefinition).

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

Ссылки на ресурсы делаются на основе их идентичности; есть несколько разных личностей, на которые можно сослаться.

Ресурсы содержат два типа ссылок на другие ресурсы:

  • Ссылки на ресурсы — общие ссылки между ресурсами
  • Канонические ссылки — ссылки на ресурсы по их каноническим URL (см. Ниже)

Канонические ссылки см. Ниже.Общие ссылки обрабатываются типом Ссылка .
который содержит по крайней мере одну из ссылки (буквальная ссылка),
идентификатор (логическая ссылка) и отображение (текстовое описание цели).
Кроме того, он может содержать мишень типа .

Схема UML (Легенда)

ElementExtensions — как описано для всех элементов: дополнительная информация, которая не является частью базового определения ресурса / расширения типа: Extension 0.. * Ссылка Ссылка на местоположение, в котором находится другой ресурс. Ссылка может быть относительной ссылкой, и в этом случае она относится к базовому URL-адресу службы, или абсолютному URL-адресу, который разрешается в место, где находится ресурс. Ссылка может быть конкретной версии или нет. Если ссылка не на сервер FHIR RESTful, то предполагается, что она зависит от версии. Внутренние ссылки на фрагменты (начинающиеся с ‘#’) относятся к содержащимся ресурсамreference: string [0..1] Ожидаемый тип цели ссылки.Если заполнены и Reference.type, и Reference.reference, а Reference.reference является URL-адресом FHIR, оба ДОЛЖНЫ быть согласованными.

Тип — это канонический URL-адрес определения ресурса, на который ссылается эта ссылка. Ссылки — это URL-адреса, относящиеся к http://hl7.org/fhir/StructureDefinition/, например. «Пациент» — это ссылка на http://hl7.org/fhir/StructureDefinition/Patient. Абсолютные URL-адреса разрешены только для логических моделей (и могут использоваться только в ссылках в логических моделях, но не в ресурсах) type: uri [0..1] «Ресурс Aa (или, для логических моделей, URI логической модели). (Strength = Extensible) ResourceType + »Идентификатор целевого ресурса. Это используется, когда нет возможности напрямую ссылаться на другой ресурс, либо потому, что объект, который он представляет, недоступен через сервер FHIR, либо потому, что у автора ресурса нет возможности преобразовать известный идентификатор в фактическое местоположение. . Не требуется, чтобы Reference.identifier указывал на что-то, что фактически отображается как экземпляр FHIR, но он ДОЛЖЕН указывать на бизнес-концепцию, которая, как ожидается, будет представлена ​​как экземпляр FHIR, и этот экземпляр должен быть Тип ресурса FHIR, разрешенный идентификатором ссылки: Идентификатор [0..1] Текстовое описание, которое идентифицирует ресурс в дополнение к ссылке на ресурс display: string [0..1]

Схема UML (Легенда)

ElementExtensions — как описано для всех элементов: дополнительная информация, которая не является частью базового определения ресурса / расширения типа: Расширение 0 .. * Ссылка Ссылка на расположение, в котором находится другой ресурс. Ссылка может быть относительной ссылкой, и в этом случае она относится к базовому URL-адресу службы, или абсолютному URL-адресу, который разрешается в место, где находится ресурс.Ссылка может быть конкретной версии или нет. Если ссылка не на сервер FHIR RESTful, то предполагается, что она зависит от версии. Внутренние ссылки на фрагменты (начинающиеся с ‘#’) относятся к содержащимся ресурсамreference: string [0..1] Ожидаемый тип цели ссылки. Если заполнены и Reference.type, и Reference.reference, а Reference.reference является URL-адресом FHIR, оба ДОЛЖНЫ быть согласованными.

Тип — это канонический URL-адрес определения ресурса, на который ссылается эта ссылка.Ссылки — это URL-адреса, относящиеся к http://hl7.org/fhir/StructureDefinition/, например. «Пациент» — это ссылка на http://hl7.org/fhir/StructureDefinition/Patient. Абсолютные URL-адреса разрешены только для логических моделей (и могут использоваться только в ссылках в логических моделях, но не в ресурсах). Тип: uri [0..1] «Ресурс Aa (или, для логических моделей, URI логической модели). (Strength = Extensible) ResourceType + »Идентификатор целевого ресурса. Это используется, когда нет возможности напрямую ссылаться на другой ресурс, либо потому, что объект, который он представляет, недоступен через сервер FHIR, либо потому, что у автора ресурса нет возможности преобразовать известный идентификатор в фактическое местоположение. .Не требуется, чтобы Reference.identifier указывал на что-то, что фактически отображается как экземпляр FHIR, но он ДОЛЖЕН указывать на бизнес-концепцию, которая, как ожидается, будет представлена ​​как экземпляр FHIR, и этот экземпляр должен быть Тип ресурса FHIR, разрешенный идентификатором ссылки: Идентификатор [0..1] Текстовое описание, которое идентифицирует ресурс в дополнение к отображению ссылки на ресурс: строка [0..1]

Ограничения

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

id Уровень Местоположение Описание Expression
ref-1 905All 905 если указана локальная ссылка reference.startsWith ('#'). not () или (reference.substring (1) .trace ('url') в% rootResource.contain.id.trace ('ids'))

2.3.0.1 Тип цели

В ресурсах ссылка всегда указывает на другой ресурс, который
фиксированный и известный тип. При необходимости этот тип можно указать в справочнике.
сам. В принципе, тип целевой ссылки можно определить путем разрешения
справку (с использованием подходов, описанных ниже) и изучение содержания
вернулся для определения типа; по этой причине указание типа почти всегда
дублирование информации.Однако разрешение ссылок может быть очень медленным.
операции, или невозможны на практике из-за различных практических соображений. За это
причина, ссылка может указывать прямо на целевой тип ресурса:

 "предмет": {
   "ссылка": "http: // someserver / some-path",
   "type": "Пациент"
 }

Когда тип предоставляется напрямую, он ДОЛЖЕН согласовываться с типом, определенным путем разрешения
ресурс.

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

Чтобы поддерживать логические модели,
элемент типа имеет тип uri. Каждый раз, когда набирает
появляется в ресурсах, uri представлен относительно базового URI
http://hl7.org/fhir/StructureDefinition/ . Что касается ресурсов, то
значение - это просто код, который является типом ресурса, например "Пациент".

2.3.0.2 Литеральные ссылки

Ссылка является ключевым элементом - ресурсы идентифицируются и адресуются по их URL.Это
содержит URL-адрес, который либо

  • абсолютный URL
  • относительный URL-адрес, который относится к URL-адресу базы службы, или, при обработке ресурса из пакета,
    который относится к базовому URL-адресу, подразумеваемому Bundle.entry.fullUrl     (см. Разрешение ссылок в пакетах)
  • — внутренняя ссылка на фрагмент (см. «Содержащиеся ресурсы» ниже).

Заметки:

  • Использование абсолютных URL-адресов обеспечивает стабильный, масштабируемый подход, подходящий для облачного / веб-контекста, в то время как использование относительных / логических ссылок обеспечивает
    гибкий подход, подходящий для использования при торговле через границы закрытых экосистем.(см. «Управление идентификацией ресурса» для дальнейшего обсуждения)
  • Абсолютные URL-адреса не обязательно должны указывать на сервер FHIR RESTful, хотя это предпочтительный подход.
    Независимо от того, относится ли ссылка к серверу FHIR RESTful, ссылка ДОЛЖНА указывать на Ресурс, как определено в этой спецификации.

    Обратите внимание, что это регулярное выражение истинно, если ссылка на ресурс согласуется с FHIR API:

       ((http | https): \ / \ / ([A-Za-z0-9 \ - \\\. \: \% \ $] * \ /) +)? (Аккаунт | ActivityDefinition | AdverseEvent | AllergyIntolerance | Назначение | НазначениеОтвет | AuditEvent | Базовый | Двоичный | BiologDerivedProduct | BodyStructure | Bundle | CapabilityStatement | CarePlan | CareTeam | CatalogEntry | ChargeItem | ChargeItemDefinition | Claim | ClaimResponse | ClinicalImpressionMaption | | Покрытие | CoverageEligibilityRequest | CoverageEligibilityResponse | DetectedIssue | устройство | DeviceDefinition | DeviceMetric | DeviceRequest | DeviceUseStatement | DiagnosticReport | DocumentManifest | DocumentReference | EffectEvidenceSynthesis | Encounter | Endpoint | EnrollmentRequest | EnrollmentResponse | EpisodeOfCare | EventDefinition | Данные | EvidenceVariable | ExampleScenario | ExplanationOfBenefit | FamilyMemberHistory | Флаг | Цель | Определение графика | Группа | Ответ на руководство | Здравоохранение | Визуальное исследование | Иммунизация | Оценка иммунизации | Рекомендация по иммунизации | Внедрение ionGuide | План страхования | Счет-фактура | Библиотека | Связь | Список | Местоположение | Мера | Отчет о мерах | Средства массовой информации | Медикаменты | Администрирование лекарств | Распределение лекарств | Знания о лекарствах | Запрос лекарств | Заявление о лекарствах | Лекарственный продукт | Лекарственный продукт ЛекарственныйПродуктНежелательный эффект | Определение сообщения | Заголовок сообщения | Молекулярная последовательность | Система наименования | Заказ питания | Наблюдение | Определение наблюдения | Определение операции | Результат операции | Организация | Организация, связанная с организацией | Пациент | Уведомление о платежах | Опросник по согласованию платежей | Лицо | Определение плана | Врач ResearchDefinition | ResearchElementDefinition | ResearchStudy | ResearchSubject | RiskAssessment | RiskEvidenceSynthesis | Schedule | SearchParameter | ServiceRequest | Слот | Образец | Определение образца | Определение структуры | Карта структуры | Подписка | Вещество | ВеществоНуклеиновая кислота | ВеществоПолимер | ВеществоПротеин | Сведения о субстанции | ВеществоИсходный материал | СубстанцияСпецификация | SupplyDelivery | SupplyRequest VisionPrequest | Задача | Тестовое задание Za-z0-9 \ - \.] {1,64} (\ / _ history \ / [A-Za-z0-9 \ - \.] {1,64})?

    Однако соответствие этому регулярному выражению не гарантирует, что конечная точка является сервером FHIR.

  • URL-адреса всегда считаются чувствительными к регистру
  • URL-адрес может содержать ссылку на канонический URL-адрес (см. Ниже), и приложения могут использовать поддерживаемые ими методы разрешения канонических URL-адресов при разрешении ссылок, хотя синтаксическая часть | [версия] канонической ссылки не поддерживается
  • Ссылки ДОЛЖНЫ быть ссылкой на реальный ресурс FHIR и ДОЛЖНЫ быть разрешаемыми (при условии, что контроль доступа работает, временная недоступность отсутствует и т. Д.)). Решение может быть либо путем извлечения из URL-адреса, либо, если применимо по типу ресурса, путем обработки абсолютной ссылки как канонического URL-адреса (см. Ниже) и поиска ее в локальном реестре / репозитории

Относительная ссылка на пациента «034AB16» в элементе с именем subject на сервере FHIR RESTful:

  <тема>

Абсолютная ссылка на определение структуры в элементе с именем profile :

{
  "profile": {
    "ссылка": "http: // fhir.hl7.org/svc/StructureDefinition/c8973a22-2b5b-4e76-9c66-00639c99e61b "
  }
}

Обратите внимание, что в пакете во время транзакции ссылочные URL-адреса могут фактически содержать
логические URI (например, OID или UUIDS), которые разрешаются в транзакции. При обработке транзакции сервер
заменяет логический URL на правильный буквальный URL по завершении транзакции.

Ссылки могут быть привязаны к версии, то есть ссылка может указывать на конкретную версию ресурса.например.:

  <цель>

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

2.3.0.3 Логические ссылки

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

  • Нет сервера, открывающего такой ресурс. Это часто имеет место с национальными идентификаторами (например, SSN США или NPI), и такие идентификаторы широко используются
  • Сервер, который предоставляет ресурс, недоступен для исходного приложения, поэтому у него нет способа преобразовать идентификатор в ссылку
  • Приложение не находится в среде RESTful — оно создает сообщение или документ

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

Логическая ссылка на пациента с SSN 000111111:

  <пациент>
    <идентификатор>
      
      <значение value = "000111111" />

Не требуется, чтобы ссылка.идентификатор указывает на что-то, что на самом деле открыто, или
существует как экземпляр FHIR (за исключением, конечно, того, что ссылка должна быть преобразована в
целевой ресурс, если от него требуется какая-либо информация в контексте FHIR).
Ссылка ДОЛЖНА указывать на бизнес-концепцию, которая, как ожидается, будет представлена ​​как
Экземпляр FHIR, и этот экземпляр должен иметь тип ресурса FHIR, разрешенный ссылкой.
Например, было бы незаконно отправлять идентификатор рецепта на лекарство, если
тип был Reference (Observation | DiagnosticReport).Один из вариантов использования
Reference.identifier — это ситуация, когда не существует представления FHIR
(где тип — Ссылка (Любой).

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

Независимо от того, как происходит разрешение, любая система, обрабатывающая логическую ссылку, будет
может преобразовать идентификатор в ссылку, если он понимает бизнес-контекст, в котором
используется идентификатор. Иногда это глобальный идентификатор (например, национальный идентификатор), но часто это не так.

По этой причине ни один из описанных полезных механизмов работы со ссылками (например,
цепочка, включает) являются
возможно, и не следует ожидать, что серверы смогут автоматически разрешить ссылку.Серверы могут принять ссылку на основе идентификатора нетронутой, разрешить ее и / или отклонить — см.
CapabilityStatement.rest.resource.referencePolicy.

Когда предоставляются как логические, так и буквальные ссылки, предпочтительнее буквальная ссылка.
Приложениям, обрабатывающим ресурс, разрешено — но не обязательно — проверять, что идентификатор
соответствует литеральной ссылке, если они понимают, как разрешить логическую ссылку.

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

2.3.0.4 Ссылка Описание

Независимо от того, предоставлена ​​ли буквальная и / или логическая ссылка, или нет,
Отображение Элемент может использоваться для предоставления очень краткого описания
целевой ресурс.

  <опекун>

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

В общем, дисплей , если он заполнен, не имеет идентичного содержимого.
в Resource.text указанного ресурса. Цель состоит в том, чтобы определить, что
упоминается, а не для более полного описания.

2.3.0.5 Канонические URL-адреса

Многие типы ресурсов имеют определенный элемент «url», который является каноническим URL-адресом, который всегда идентифицирует
ресурс во всех контекстах использования.Обычно терминология,
соответствие или знание
ресурсы имеют канонические URL. Канонический URL-адрес является предпочтительным способом ссылки на экземпляр ресурса .
для типов ресурсов, для которых он определен. См. Канонический ресурс
Идентификационные данные для получения дополнительной информации.

Ссылки на канонические URL-адреса используют тип canonical для ссылки на
url элемент ресурсов соответствия / знаний (который имеет тип uri):

Ссылки типа canonical могут включать версию, чтобы точно указать, какая версия
ресурс упоминается. Для этого добавьте версию к ссылке с помощью символа ‘|’ как это:

Это ссылка на набор значений для конкретной версии. Обратите внимание, что это относится к ValueSet.версия
а не ValueSet.meta.versionId . Поиск этого на сервере FHIR будет выглядеть так:

ПОЛУЧИТЬ fhir / ValueSet? Url = http: //hl7.org/fhir/ValueSet/my-valueset&version=0.8

Обратите внимание: если ссылка на канонический URL-адрес не имеет версии, и сервер находит несколько
версии для набора значений, система, использующая ссылку, должна выбрать последнюю версию
целевого ресурса и используйте его. Серверы ДОЛЖНЫ поддерживать поиск канонических
URL-адреса путем автоматического определения наличия | [версии] и выполнения соответствующих
поиск.Дополнительные примечания о поиске по версионным ссылкам на канонические URL:

  • При поиске учитывается только последняя версия для каждого логического идентификатора
  • Если совпадений нет (либо потому, что .version пуста, либо отличается), экземпляр не будет сопоставлен и не появится в пакете результатов
  • Этот поиск работает только для определенных элементов данных типа uri, которые действуют как канонические URL-адреса (см. Список ниже)

Системам, разрешающим ссылки на канонические URL-адреса, СЛЕДУЕТ сначала попытаться разрешить ссылку, используя
каноническая ссылка (e.грамм. поиск в известном реестре терминологии, соответствия или знаний
ресурсы по мере необходимости), а затем вернуться к прямому разрешению, используя URL-адрес как
буквальная ссылка, если локальная версия канонического ресурса не может быть найдена.
Этот подход безопасен, потому что подходы должны относиться к одному и тому же
артефакта, хотя реализации должны будут принять соответствующие меры относительно
версия и / или валюта их локальной копии артефакта.

Следующие ресурсы имеют канонические URL-адреса и могут быть целью ссылок на канонические URL-адреса:

Несколько элементов, которые имеют ссылки на канонические URL-адреса, имеют targetProfile http: // hl7.org / fhir / StructureDefinition / Resource ,
который в данной спецификации обозначен как канонический (Любой). Такие ссылки ДОЛЖНЫ ссылаться только на один из этих типов ресурсов.

2.3.0.6 Канонические ссылки и фрагменты

Канонические ссылки могут включать в себя фрагмент, если ссылка относится к содержащемуся ресурсу.
Когда целью канонической ссылки является ограниченный ресурс,
каноническая ссылка будет иметь фрагмент как часть URL:

Это ссылка на значение, установленное с идентификатором «vs1» в версии 1.0 идентифицированного вопросника.
Обычно это внутренние ссылки:

Какова форма для ссылок на содержащиеся значения, установленные в приведенном выше примере вопросника.

2.3.0.7 Отображение ссылок в описаниях ресурсов

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

{
  "resourceType": "Наблюдение",
  "предмет" : {
    "ссылка": "Пациент / пример"
  }
}

При представлении в XHTML эта ссылка обычно выглядит примерно так:

  ...

 Пациент:  Питер Джеймс ЧАЛМЕРС (12345)  
 ...

Это означает, что системе, генерирующей описание ресурсов, потребуется
для разрешения ссылки и создания сводки, или что ссылка будет
содержат информацию (генерируемую приложением, способным разрешать
ссылка):

{
  "resourceType": "Наблюдение",
  "предмет" : {
    "ссылка": "Пациент / пример",
    "display": "Питер Джеймс ЧАЛМЕРС (12345)"
  }
}

Повествование, содержащее информацию, полученную из других ресурсов, подобных этому
по-прежнему считается «сгенерированным» (для Narrative.статус).

Такой способ создания повествования не является обязательным. Рассказ может
быть сгенерировано так:

  ...

 Пациент:  (ссылка)  
 ...

Однако пользователи обычно предпочитают более информативное повествование, поэтому это
не всегда приемлемо.

Приложениям (и сетям приложений) потребуется какое-то
систематический подход к разрешению ссылок и / или поддержанию
актуальность повествований по мере изменения ресурсов, на которые они ссылаются.Точные детали этого выходят за рамки стандарта FHIR.

Приложениям рекомендуется использовать элемент Reference.display .
для хранения презентабельного представления ресурса пользователем, когда
ресурс не может быть разрешен (например, из-за сетевых ошибок). канонический
type не имеет элемента отображения, потому что приложения обычно ожидаются
для хранения кэшированных копий ресурсов, которые являются целью канонической
Рекомендации.Если эта функция по-прежнему необходима или желательна,
Расширение Rendered Value может быть
использовал.

2.3.0.8 Содержащиеся ресурсы

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

Например, рассмотрим ситуацию, когда движок интерфейса создает условие
запись о пациенте из сообщения HL7 v2, и единственная информация о первичном хирурге — это ее
имя и фамилия (REL-7.2 и REL-7.3). В отсутствие контролируемого справочника практикующих,
этой информации недостаточно для создания идентифицированного практикующего специалиста
ресурс, поскольку одно и то же имя может быть у нескольких практикующих.

В этих обстоятельствах ресурс размещается непосредственно в ресурсе. Этого НЕ ДОЛЖНО быть
делается, когда контент может быть идентифицирован должным образом, так как если идентификация потеряна, это чрезвычайно сложно
(и зависит от контекста), чтобы восстановить его снова. FHIR-версия содержащегося ресурса всегда ДОЛЖНА быть
то же, что и ресурс, который его содержит.

Пример ограниченного ресурса:

 <Условие xmlns = "http://hl7.org/fhir">
  <содержится>
    <Практикующий>
      
      <имя>
        
        <заданное значение = "Патрисия" />

Тот же пример в JSON:

{
  "resourceType": "Состояние",
  "содержащиеся": [
    {
      "resourceType": "Практик",
      "id": "p1",
      "название" : [{
        "семья": "Человек",
        "given": ["Patricia"]
      }]
}],
   "asserter": {
     "ссылка": "# p1"
  }
}

Примечание по реализации:
Содержащиеся ресурсы по-прежнему являются ссылкой, а не встроены напрямую
в элемент, являющийся ссылкой (например,грамм. «хранитель» выше), чтобы гарантировать, что
может использоваться единый подход к разрешению ссылок на ресурсы. Хотя прямое сдерживание
казалось бы проще, все равно необходимо поддерживать внутренние ссылки, где
на один и тот же содержащийся ресурс ссылаются более одного раза. В конце концов, все, чего он добился бы
создает дополнительные параметры в синтаксисе. Для пользователей, использующих XPath для обработки ресурса,
следующий фрагмент XPath разрешает внутреннюю ссылку:

ancestor :: f: * [not (parent :: f: *)] / f: contains / * [@ id = substring-after ( current ()  / f: reference / @ value, '#')]

Некоторые примечания об использовании и интерпретации содержащихся ресурсов:

  • Элемент , содержащий элемент , НЕ ДОЛЖЕН иметь расширений (хотя содержащиеся ресурсы все еще могут содержать расширения).
  • Содержащийся ресурс может быть помещен в любой ресурс, наследуемый от DomainResource. Содержащийся элемент затем располагается в
    начало ресурса после любого текстового повествования и перед любым расширением.
  • Содержащиеся ресурсы совместно используют то же внутреннее пространство разрешения идентификаторов, что и родительский ресурс (атрибуты идентификатора см. В описательных ссылках).
  • При разрешении ссылок ссылки разрешаются путем просмотра ресурса ‘контейнера’ — того, который содержит другой
    Ресурсы.Поскольку вложенных вложенных ресурсов нет, есть только один ресурс контейнера.
  • Ссылки на содержащиеся ресурсы никогда не разрешаются вне ресурса контейнера. В частности, разрешение ограничивается элементами
    Bundle.entry.resource и Parameters.parameter.resource, но не в DomainResource.conhibited.
  • Оба типа Ссылка и канонические могут ссылаться на содержащиеся ресурсы
  • Содержащиеся ресурсы НЕ ДОЛЖНЫ содержать дополнительных содержащихся ресурсов.
  • Содержащиеся ресурсы НЕ ДОЛЖНЫ содержать meta.versionId , meta.lastUpdated или meta.security .
  • Содержащиеся ресурсы МОГУТ содержать meta.tag , хотя есть много тегов, которые не имеют смысла для содержащихся ресурсов.
  • Содержащийся ресурс ДОЛЖЕН быть включен в ресурс только в том случае, если что-то в этом ресурсе (потенциально другом содержащемся ресурсе) имеет ссылку на него.

Как и другие ресурсы, содержащиеся в них ресурсы могут содержать повествование.Однако при рендеринге содержащего ресурса
описание содержащихся ресурсов игнорируется, поэтому соответствующая информация о содержащихся ресурсах ДОЛЖНА
появляются в описании содержащего ресурса.

Ресурсы, содержащиеся в строке, не «наследуют» контекст от своего родительского ресурса. Например, если
родительский ресурс содержит «тему», а содержащийся ресурс также имеет определенный элемент «тема»,
не подразумевается, что содержащийся ресурс имеет ту же тему, что и родительский ресурс.

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

Для ресурса, который ссылается на контейнер, ссылка будет «#», например:

<Пациент xmlns = "http: // hl7.org / fhir ">
  
  <содержится>
    <Провенанс>
      
      <цель>

Невозможно найти содержащиеся ресурсы, которые ссылаются на их контейнер.Это проблема?

Отзывы здесь приветствуются.

2.3.0.9 Циркулярные ссылки на ресурсы

Некоторые ссылки являются круговыми, то есть ссылка указывает на другой ресурс того же типа.
Существует несколько причин, по которым ресурс может ссылаться на другие ресурсы того же типа:

  • часть: ресурсы описывают сложную иерархию, состоящую из частей, например организационная структура
  • на основе: ресурсы могут добавлять дополнительный контент к другому ресурсу, извлекая из него e.грамм. расширение объявлений типов
  • заменяет: один ресурс может быть заменен другим из-за изменений с течением времени, например. замена рецепта или поддержка слияния пациентов
  • использует / повторно использует: ресурс может использовать другой ресурс в модульной структуре, например. ссылки на библиотеки или наборы значений, включая другие наборы значений

Для параметров, в которых отношение является строгой иерархией (т. Е. Где было бы неправильно иметь круговую
ссылки, даже транзитивно), есть дополнительная поддержка поиска для обхода
иерархия с использованием модификаторов: above и: below в параметрах поиска.

Иерархические ссылки с параметрами поиска (могут иметь модификаторы: above и: below для параметров поиска):

Ссылки, которые могут относиться к исходному экземпляру:

Ссылки, для которых не указано иерархическое поведение:

HTML-компонентов Dash | Документация по Dash для Python

Dash — это среда веб-приложений, которая обеспечивает чистую абстракцию Python
вокруг HTML, CSS и JavaScript.

Вместо написания HTML или использования механизма создания шаблонов HTML,
вы составляете свой макет, используя структуры Python с библиотекой
dash-html-components .

Источник этой библиотеки находится на GitHub: plotly / dash-html-components.

Для производственных приложений Dash стили и макет компонентов Dash HTML
должны управляться с помощью Dash Enterprise Design Kit.

Вот пример простой структуры HTML:

  импортировать dash_html_components как html

html.Div ([
    html.h2 ('Hello Dash'),
    html.Div ([
        html.P ('Dash конвертирует классы Python в HTML'),
        html.P («Это преобразование происходит за кулисами с помощью интерфейса JavaScript Dash»)
    ])
])

, который конвертируется (за кулисами) в следующий HTML-код в вашем веб-приложении:

  & lt; div & gt;
    & lt; h2 & gt; Привет, тире & lt; h2 & gt;
    & lt; div & gt;
        & lt; p & gt; Dash преобразует классы Python в HTML & lt; p & gt;
        & lt; p & gt; Это преобразование происходит незаметно с помощью внешнего интерфейса JavaScript Dash & lt; p & gt;
    & lt; div & gt;
& lt; div & gt;

Если вы не знакомы с HTML, не волнуйтесь!
Вы можете пройти 95% всего с помощью нескольких элементов
и атрибутов.Библиотека основных компонентов
Dash также поддерживает
Markdown.

  импортировать dash_core_components как dcc

dcc.Markdown ('' '
#### Тире и уценка

Dash поддерживает [Markdown] (http://commonmark.org/help).

Markdown - это простой способ писать и форматировать текст.
Он включает синтаксис для таких вещей, как ** жирный текст ** и * курсив *,
[ссылки] (http://commonmark.org/help), встроенные фрагменты кода, списки,
цитаты и многое другое.
'' ')
Dash и Markdown

Dash поддерживает Markdown.

Markdown — это простой способ писать и форматировать текст.
Он включает синтаксис для таких вещей, как полужирный текст и курсив ,
ссылок, встроенный код , фрагменты , списки,
цитаты и многое другое.

Если вы используете компоненты HTML, у вас также есть доступ к свойствам
, таким как стиль , класс и id .
Все эти атрибуты доступны в классах Python.

Элементы HTML и классы Dash в основном одинаковы, но есть
несколько ключевых отличий:
— Свойство стиля является словарем
— Свойства в словаре стиля имеют camelCased
— Ключ класса переименован as className
— свойства стиля в пиксельных единицах могут быть предоставлены как просто числа без блока пикселей

Рассмотрим пример.

  импортировать dash_html_components как html

html.Div ([
    html.Div ('Пример Div', style = {'color': 'blue', 'fontSize': 14}),
    html.P ('Пример P', className = 'мой-класс',)
], style = {'marginBottom': 50, 'marginTop': 25})

Этот код Dash будет отображать эту разметку HTML:

  & lt; div & gt;

    & lt; div & gt;
        Пример Div
    & lt; div & gt;

    & lt; p & gt;
        Пример P
    & lt; p & gt;

& lt; div & gt;

Примечание. Если вам нужно напрямую отобразить строку необработанного, неэкранированного HTML, вы можете использовать компонент DangerouslySetInnerHTML , который предоставляется библиотекой dash-опасно-set-inner-html.`

Ссылка на полные элементы:

HTML-символов, объектов, символов и кодов — HTML-стрелки

Стрелка влево

U + 02190

UNICODE

& # x2190;

ШЕСТИГРАННЫЙ КОД

& # 8592;

HTML-КОД

& larr;

HTML ENTITY

\ 2190

Стрелка вверх

U + 02191

UNICODE

& # x2191;

ШЕСТИГРАННЫЙ КОД

& # 8593;

HTML-КОД

& uarr;

HTML ENTITY

\ 2191

Стрелка вправо

U + 02192

UNICODE

& # x2192;

ШЕСТИГРАННЫЙ КОД

& # 8594;

HTML-КОД

& rarr;

HTML ENTITY

\ 2192

Стрелка вниз

U + 02193

UNICODE

& # x2193;

ШЕСТИГРАННЫЙ КОД

& # 8595;

HTML-КОД

& darr;

HTML ENTITY

\ 2193

North West Arrow

U + 02196

UNICODE

& # x2196;

ШЕСТИГРАННЫЙ КОД

& # 8598;

КОД HTML

& nwarr;

HTML ENTITY

\ 2196

North East Arrow

U + 02197

UNICODE

& # x2197;

ШЕСТИГРАННЫЙ КОД

& # 8599;

HTML-КОД

& nearr;

HTML ENTITY

\ 2197

Юго-восточная стрелка

U + 02198

UNICODE

& # x2198;

ШЕСТИГРАННЫЙ КОД

& # 8600;

HTML-КОД

& Searr;

HTML ENTITY

\ 2198

Юго-Западная стрелка

U + 02199

UNICODE

& # x2199;

ШЕСТИГРАННЫЙ КОД

& # 8601;

HTML-КОД

& swarr;

HTML ENTITY

\ 2199

Знак авторских прав

U + 000A9

UNICODE

& # xa9;

ШЕСТИГРАННЫЙ КОД

& # 169;

HTML-КОД

& копия;

HTML ENTITY

\ 00A9

Знак зарегистрированной торговой марки

U + 000AE

UNICODE

& # xae;

ШЕСТИГРАННЫЙ КОД

& # 174;

КОД HTML

& reg;

HTML ENTITY

\ 00AE

Знак товарного знака

U + 02122

UNICODE

& # x2122;

ШЕСТИГРАННЫЙ КОД

& # 8482;

HTML-КОД

& trade;

HTML ENTITY

\ 2122

At Symbol

U + 00040

UNICODE

& # x40;

ШЕСТИГРАННЫЙ КОД

& # 64;

HTML-КОД

& commat;

HTML ENTITY

\ 0040

Ampersand

U + 00026

UNICODE

& # x26;

ШЕСТИГРАННЫЙ КОД

& # 38;

HTML-КОД

& amp;

HTML ENTITY

\ 0026

Галочка

U + 02713

UNICODE

& # x2713;

ШЕСТИГРАННЫЙ КОД

& # 10003;

HTML-КОД

& проверить;

HTML ENTITY

\ 2713

Градус Цельсия

U + 02103

UNICODE

& # x2103;

ШЕСТИГРАННЫЙ КОД

& # 8451;

HTML КОД

\ 2103

градус Фаренгейта

U + 02109

UNICODE

& # x2109;

ШЕСТИГРАННЫЙ КОД

& # 8457;

HTML-КОД

\ 2109

Знак доллара

U + 00024

UNICODE

& # x24;

ШЕСТИГРАННЫЙ КОД

& # 36;

HTML-КОД

и доллар;

HTML ENTITY

\ 0024

Знак Cent

U + 000A2

UNICODE

& # xa2;

ШЕСТИГРАННЫЙ КОД

& # 162;

HTML-КОД

& cent;

HTML ENTITY

\ 00A2

Знак фунта

U + 000A3

UNICODE

& # xa3;

ШЕСТИГРАННЫЙ КОД

& # 163;

КОД HTML

& фунт;

HTML ENTITY

\ 00A3

Знак евро

U + 020AC

UNICODE

& # x20AC;

ШЕСТИГРАННЫЙ КОД

& # 8364;

HTML КОД

и евро;

HTML ENTITY

\ 20AC

Знак йены

U + 000A5

UNICODE

& # xa5;

ШЕСТИГРАННЫЙ КОД

& # 165;

HTML-КОД

и иен;

HTML ENTITY

\ 00A5

Знак индийской рупии

U + 020B9

UNICODE

& # x20B9;

ШЕСТИГРАННЫЙ КОД

& # 8377;

HTML-КОД

\ 20B9

Знак рубля

U + 020BD

UNICODE

& # x20BD;

ШЕСТИГРАННЫЙ КОД

& # 8381;

HTML-КОД

\ 20BD

Символ юаня, в Китае

U + 05143

UNICODE

& # x5143;

ШЕСТИГРАННЫЙ КОД

& # 20803;

HTML-КОД

\ 5143

Plus Sign

U + 0002B

UNICODE

& # x2b;

ШЕСТИГРАННЫЙ КОД

& # 43;

HTML КОД

и плюс;

HTML ENTITY

\ 002B

Знак минуса

U + 02212

UNICODE

& # x2212;

ШЕСТИГРАННЫЙ КОД

& # 8722;

HTML КОД

& минус;

HTML ENTITY

\ 2212

Знак умножения

U + 000D7

UNICODE

& # xd7;

ШЕСТИГРАННЫЙ КОД

& # 215;

КОД HTML

& раз;

HTML ENTITY

\ 00D7

Знак раздела

U + 000F7

UNICODE

& # xf7;

ШЕСТИГРАННЫЙ КОД

& # 247;

HTML-КОД

& Разделить;

HTML ENTITY

\ 00F7

Знак равенства

U + 0003D

UNICODE

& # x3d;

ШЕСТИГРАННЫЙ КОД

& # 61;

HTML-КОД

& равно;

HTML ENTITY

\ 003D

Знак не равно

U + 02260

UNICODE

& # x2260;

ШЕСТИГРАННЫЙ КОД

& # 8800;

HTML-КОД

& ne;

HTML ENTITY

\ 2260

Знак «меньше»

U + 0003C

UNICODE

& # x3c;

ШЕСТИГРАННЫЙ КОД

& # 60;

HTML-КОД

& lt;

HTML ENTITY

\ 003C

Знак «больше»

U + 0003E

UNICODE

& # x3e;

ШЕСТИГРАННЫЙ КОД

& # 62;

КОД HTML

& gt;

HTML ENTITY

\ 003E

Дробь Одна четверть

U + 000BC

UNICODE

& # xbc;

ШЕСТИГРАННЫЙ КОД

& # 188;

HTML-КОД

& frac14;

HTML ENTITY

\ 00BC

Дробь Одна половина

U + 000BD

UNICODE

& # xbd;

ШЕСТИГРАННЫЙ КОД

& # 189;

HTML-КОД

& frac12;

HTML ENTITY

\ 00BD

Три четверти

U + 000BE

UNICODE

& # xbe;

ШЕСТИГРАННЫЙ КОД

& # 190;

HTML-КОД

& frac34;

HTML ENTITY

\ 00BE

Vulgar Fraction One Third

U + 02153

UNICODE

& # x2153;

ШЕСТИГРАННЫЙ КОД

& # 8531;

HTML-КОД

& frac13;

HTML ENTITY

\ 2153

Вульгарная фракция Две трети

U + 02154

UNICODE

& # x2154;

ШЕСТИГРАННЫЙ КОД

& # 8532;

HTML-КОД

& frac23;

HTML ENTITY

\ 2154

Vulgar Fraction One Eighth

U + 0215B

UNICODE

& # x215B;

ШЕСТИГРАННЫЙ КОД

& # 8539;

HTML-КОД

& frac18;

HTML ENTITY

\ 215B

Вульгарная дробь три восьмых

U + 0215C

UNICODE

& # x215C;

ШЕСТИГРАННЫЙ КОД

& # 8540;

HTML-КОД

& frac38;

HTML ENTITY

\ 215C

Vulgar Fraction Five Eighths

U + 0215D

UNICODE

& # x215D;

ШЕСТИГРАННЫЙ КОД

& # 8541;

HTML-КОД

& frac58;

HTML ENTITY

\ 215D

Восклицательный знак

U + 00021

UNICODE

& # x21;

ШЕСТИГРАННЫЙ КОД

& # 33;

HTML-КОД

& excl;

HTML ENTITY

\ 0021

Вопросительный знак

U + 0003F

UNICODE

& # x3f;

ШЕСТИГРАННЫЙ КОД

& # 63;

HTML-КОД

& quest;

HTML ENTITY

\ 003F

En Dash

U + 02013

UNICODE

& # x2013;

ШЕСТИГРАННЫЙ КОД

& # 8211;

HTML-КОД

& ndash;

HTML ENTITY

\ 2013

Em Dash

U + 02014

UNICODE

& # x2014;

ШЕСТИГРАННЫЙ КОД

& # 8212;

HTML-КОД

& mdash;

HTML ENTITY

\ 2014

Кавычка с одним левым углом

U + 02039

UNICODE

& # x2039;

ШЕСТИГРАННЫЙ КОД

& # 8249;

HTML-КОД

& lsaquo;

HTML ENTITY

\ 2039

Кавычка с одним прямым углом

U + 0203A

UNICODE

& # x203A;

ШЕСТИГРАННЫЙ КОД

& # 8250;

HTML-КОД

& rsaquo;

HTML ENTITY

\ 203A

Двойная кавычка с левым углом

U + 000AB

UNICODE

& # xab;

ШЕСТИГРАННЫЙ КОД

& # 171;

HTML-КОД

& laquo;

HTML ENTITY

\ 00AB

Двойная кавычка, указывающая вправо

U + 000BB

UNICODE

& # xbb;

ШЕСТИГРАННЫЙ КОД

& # 187;

HTML-КОД

& raquo;

HTML ENTITY

\ 00BB

Ссылка на кодировку URL

Ссылка на кодировку URL

Ниже приведены символы ASCII в
Форма кодирования URL (шестнадцатеричный формат).

Шестнадцатеричные значения могут использоваться для отображения нестандартных букв и символов в браузерах и
плагины.

Кодирование URL от% 00 до% 8f

Значение ASCII URL-код Значение ASCII URL-код Значение ASCII URL-код
% 00 0% 30 `% 60
% 01 1% 31 a% 61
% 02 2% 32 b% 62
% 03 3% 33 с% 63
% 04 4% 34 d% 64
% 05 5% 35 e% 65
% 06 6% 36 f% 66
% 07 7% 37 г% 67
возврат% 08 8% 38 ч% 68
выступ% 09 9% 39 и% 69
перевод строки% 0a:% 3a j% 6a
% 0b;% 3b к% 6b
% 0c <% 3c л% 6c
c возвратом% 0d =% 3д ​​ м% 6д
% 0e>% 3e n% 6e
% 0f?% 3f или% 6f
% 10 @% 40 с.% 70
% 11 A% 41 q% 71
% 12 B% 42 r% 72
% 13 С% 43 с% 73
% 14 D% 44 т% 74
% 15 E% 45 u% 75
% 16 F% 46 v% 76
% 17 G% 47 Вт% 77
% 18 H% 48 х% 78
% 19 I% 49 y% 79
% 1a Дж% 4a z% 7a
% 1b К% 4b {% 7b
% 1c л% 4c |% 7c
% 1д M% 4д}% 7д
% 1e N% 4e ~% 7e
% 1f O% 4f% 7f
место% 20 P% 50 €% 80
!% 21 Q% 51% 81
«% 22 R% 52 ‚% 82
#% 23 S% 53 ƒ% 83
$% 24 Т% 54 „% 84
%% 25 U% 55…% 85
и% 26 В% 56 †% 86
‘% 27 Вт% 57 ‡% 87
(% 28 Х% 58 ˆ% 88
)% 29 Y% 59 ‰% 89
*% 2a Z% 5a Š% 8a
+% 2b [% 5b ‹% 8b
,% 2c \% 5c Œ% 8c
–% 2д]% 5д% 8д
.% 5e Ž% 8e
/% 2f _% 5f% 8f

Кодировка URL от% 90 до% ff

Значение ASCII URL-код Значение ASCII URL-код Значение ASCII URL-код
% 90% c0% f0
‘% 91% c1% f1
’% 92% c2% f2
“% 93% c3% f3
”% 94% c4% f4
•% 95% c5% f5
–% 96% c6% f6
–% 97% c7% f7
~% 98% c8% f8
™% 99% c9% f9
š% 9a% ок% от
›% 9b% CB% fb
œ% 9c% СС% fc
% 9д% кд% fd
ž% 9e% CE% fe
Ÿ% 9f% ср% ff
% a0% d0
% а1% d1
% а2% d2
% a3% d3
% а4% d4
% a5% d5
|% a6% d6
% a7% d7
% a8% d8
% а9% d9
% аа% от
% ab% db
% ac% постоянного тока
% объявление% dd
% к.в.% от
% аф% df
% b0% e0
% b1% e1
% b2% e2
% b3% e3
% b4% e4
% b5% e5
% b6% e6
% b7% e7
% b8% e8
% b9% e9
% ba% шт.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *