From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/a/index.html | 394 +++++++++++++ files/ru/web/html/element/abbr/index.html | 186 +++++++ files/ru/web/html/element/acronym/index.html | 120 ++++ files/ru/web/html/element/address/index.html | 161 ++++++ files/ru/web/html/element/applet/index.html | 119 ++++ files/ru/web/html/element/area/index.html | 192 +++++++ files/ru/web/html/element/article/index.html | 148 +++++ files/ru/web/html/element/aside/index.html | 118 ++++ files/ru/web/html/element/audio/index.html | 258 +++++++++ files/ru/web/html/element/b/index.html | 110 ++++ files/ru/web/html/element/base/index.html | 152 +++++ files/ru/web/html/element/basefont/index.html | 58 ++ files/ru/web/html/element/bdi/index.html | 139 +++++ files/ru/web/html/element/bdo/index.html | 110 ++++ files/ru/web/html/element/blockquote/index.html | 157 ++++++ files/ru/web/html/element/body/index.html | 169 ++++++ files/ru/web/html/element/br/index.html | 111 ++++ files/ru/web/html/element/canvas/index.html | 183 ++++++ files/ru/web/html/element/caption/index.html | 154 ++++++ files/ru/web/html/element/cite/index.html | 152 +++++ files/ru/web/html/element/code/index.html | 116 ++++ files/ru/web/html/element/col/index.html | 236 ++++++++ files/ru/web/html/element/data/index.html | 101 ++++ files/ru/web/html/element/datalist/index.html | 113 ++++ files/ru/web/html/element/dd/index.html | 111 ++++ files/ru/web/html/element/del/index.html | 143 +++++ files/ru/web/html/element/details/index.html | 203 +++++++ files/ru/web/html/element/dfn/index.html | 209 +++++++ files/ru/web/html/element/dialog/index.html | 251 +++++++++ files/ru/web/html/element/div/index.html | 148 +++++ files/ru/web/html/element/dl/index.html | 223 ++++++++ files/ru/web/html/element/dt/index.html | 102 ++++ files/ru/web/html/element/element/index.html | 112 ++++ files/ru/web/html/element/em/index.html | 114 ++++ files/ru/web/html/element/embed/index.html | 121 ++++ files/ru/web/html/element/fieldset/index.html | 170 ++++++ files/ru/web/html/element/figcaption/index.html | 90 +++ files/ru/web/html/element/figure/index.html | 175 ++++++ files/ru/web/html/element/font/index.html | 63 +++ files/ru/web/html/element/footer/index.html | 113 ++++ files/ru/web/html/element/form/index.html | 199 +++++++ files/ru/web/html/element/head/index.html | 130 +++++ files/ru/web/html/element/header/index.html | 119 ++++ .../web/html/element/heading_elements/index.html | 242 ++++++++ files/ru/web/html/element/hgroup/index.html | 114 ++++ files/ru/web/html/element/hr/index.html | 129 +++++ files/ru/web/html/element/html/index.html | 121 ++++ files/ru/web/html/element/image/index.html | 19 + files/ru/web/html/element/img/index.html | 388 +++++++++++++ files/ru/web/html/element/index.html | 109 ++++ files/ru/web/html/element/input/button/index.html | 345 ++++++++++++ files/ru/web/html/element/input/color/index.html | 221 ++++++++ files/ru/web/html/element/input/date/index.html | 510 +++++++++++++++++ .../html/element/input/datetime-local/index.html | 586 ++++++++++++++++++++ .../ru/web/html/element/input/datetime/index.html | 29 + files/ru/web/html/element/input/file/index.html | 439 +++++++++++++++ files/ru/web/html/element/input/image/index.html | 205 +++++++ files/ru/web/html/element/input/index.html | 311 +++++++++++ files/ru/web/html/element/input/number/index.html | 420 ++++++++++++++ .../ru/web/html/element/input/password/index.html | 614 +++++++++++++++++++++ files/ru/web/html/element/input/radio/index.html | 377 +++++++++++++ files/ru/web/html/element/input/range/index.html | 480 ++++++++++++++++ files/ru/web/html/element/input/search/index.html | 467 ++++++++++++++++ files/ru/web/html/element/input/tel/index.html | 523 ++++++++++++++++++ files/ru/web/html/element/ins/index.html | 120 ++++ files/ru/web/html/element/kbd/index.html | 197 +++++++ files/ru/web/html/element/label/index.html | 175 ++++++ files/ru/web/html/element/legend/index.html | 95 ++++ files/ru/web/html/element/li/index.html | 160 ++++++ files/ru/web/html/element/main/index.html | 175 ++++++ files/ru/web/html/element/map/index.html | 117 ++++ files/ru/web/html/element/mark/index.html | 139 +++++ files/ru/web/html/element/marquee/index.html | 196 +++++++ files/ru/web/html/element/menu/index.html | 208 +++++++ files/ru/web/html/element/meta/index.html | 409 ++++++++++++++ files/ru/web/html/element/meter/index.html | 139 +++++ files/ru/web/html/element/nav/index.html | 110 ++++ files/ru/web/html/element/noscript/index.html | 122 ++++ files/ru/web/html/element/ol/index.html | 218 ++++++++ files/ru/web/html/element/optgroup/index.html | 119 ++++ files/ru/web/html/element/option/index.html | 100 ++++ files/ru/web/html/element/output/index.html | 103 ++++ files/ru/web/html/element/p/index.html | 190 +++++++ files/ru/web/html/element/picture/index.html | 107 ++++ files/ru/web/html/element/pre/index.html | 171 ++++++ files/ru/web/html/element/progress/index.html | 123 +++++ files/ru/web/html/element/ruby/index.html | 153 +++++ files/ru/web/html/element/script/index.html | 225 ++++++++ files/ru/web/html/element/section/index.html | 146 +++++ files/ru/web/html/element/select/index.html | 120 ++++ files/ru/web/html/element/slot/index.html | 115 ++++ files/ru/web/html/element/source/index.html | 120 ++++ files/ru/web/html/element/span/index.html | 124 +++++ files/ru/web/html/element/strong/index.html | 135 +++++ files/ru/web/html/element/style/index.html | 174 ++++++ files/ru/web/html/element/summary/index.html | 146 +++++ files/ru/web/html/element/td/index.html | 205 +++++++ files/ru/web/html/element/template/index.html | 156 ++++++ files/ru/web/html/element/tfoot/index.html | 273 +++++++++ files/ru/web/html/element/time/index.html | 162 ++++++ files/ru/web/html/element/title/index.html | 140 +++++ files/ru/web/html/element/track/index.html | 179 ++++++ files/ru/web/html/element/u/index.html | 200 +++++++ files/ru/web/html/element/ul/index.html | 186 +++++++ files/ru/web/html/element/video/index.html | 380 +++++++++++++ .../html/element/video/seeking_event/index.html | 80 +++ files/ru/web/html/element/wbr/index.html | 99 ++++ .../index.html" | 363 ++++++++++++ .../index.html" | 336 +++++++++++ 109 files changed, 20912 insertions(+) create mode 100644 files/ru/web/html/element/a/index.html create mode 100644 files/ru/web/html/element/abbr/index.html create mode 100644 files/ru/web/html/element/acronym/index.html create mode 100644 files/ru/web/html/element/address/index.html create mode 100644 files/ru/web/html/element/applet/index.html create mode 100644 files/ru/web/html/element/area/index.html create mode 100644 files/ru/web/html/element/article/index.html create mode 100644 files/ru/web/html/element/aside/index.html create mode 100644 files/ru/web/html/element/audio/index.html create mode 100644 files/ru/web/html/element/b/index.html create mode 100644 files/ru/web/html/element/base/index.html create mode 100644 files/ru/web/html/element/basefont/index.html create mode 100644 files/ru/web/html/element/bdi/index.html create mode 100644 files/ru/web/html/element/bdo/index.html create mode 100644 files/ru/web/html/element/blockquote/index.html create mode 100644 files/ru/web/html/element/body/index.html create mode 100644 files/ru/web/html/element/br/index.html create mode 100644 files/ru/web/html/element/canvas/index.html create mode 100644 files/ru/web/html/element/caption/index.html create mode 100644 files/ru/web/html/element/cite/index.html create mode 100644 files/ru/web/html/element/code/index.html create mode 100644 files/ru/web/html/element/col/index.html create mode 100644 files/ru/web/html/element/data/index.html create mode 100644 files/ru/web/html/element/datalist/index.html create mode 100644 files/ru/web/html/element/dd/index.html create mode 100644 files/ru/web/html/element/del/index.html create mode 100644 files/ru/web/html/element/details/index.html create mode 100644 files/ru/web/html/element/dfn/index.html create mode 100644 files/ru/web/html/element/dialog/index.html create mode 100644 files/ru/web/html/element/div/index.html create mode 100644 files/ru/web/html/element/dl/index.html create mode 100644 files/ru/web/html/element/dt/index.html create mode 100644 files/ru/web/html/element/element/index.html create mode 100644 files/ru/web/html/element/em/index.html create mode 100644 files/ru/web/html/element/embed/index.html create mode 100644 files/ru/web/html/element/fieldset/index.html create mode 100644 files/ru/web/html/element/figcaption/index.html create mode 100644 files/ru/web/html/element/figure/index.html create mode 100644 files/ru/web/html/element/font/index.html create mode 100644 files/ru/web/html/element/footer/index.html create mode 100644 files/ru/web/html/element/form/index.html create mode 100644 files/ru/web/html/element/head/index.html create mode 100644 files/ru/web/html/element/header/index.html create mode 100644 files/ru/web/html/element/heading_elements/index.html create mode 100644 files/ru/web/html/element/hgroup/index.html create mode 100644 files/ru/web/html/element/hr/index.html create mode 100644 files/ru/web/html/element/html/index.html create mode 100644 files/ru/web/html/element/image/index.html create mode 100644 files/ru/web/html/element/img/index.html create mode 100644 files/ru/web/html/element/index.html create mode 100644 files/ru/web/html/element/input/button/index.html create mode 100644 files/ru/web/html/element/input/color/index.html create mode 100644 files/ru/web/html/element/input/date/index.html create mode 100644 files/ru/web/html/element/input/datetime-local/index.html create mode 100644 files/ru/web/html/element/input/datetime/index.html create mode 100644 files/ru/web/html/element/input/file/index.html create mode 100644 files/ru/web/html/element/input/image/index.html create mode 100644 files/ru/web/html/element/input/index.html create mode 100644 files/ru/web/html/element/input/number/index.html create mode 100644 files/ru/web/html/element/input/password/index.html create mode 100644 files/ru/web/html/element/input/radio/index.html create mode 100644 files/ru/web/html/element/input/range/index.html create mode 100644 files/ru/web/html/element/input/search/index.html create mode 100644 files/ru/web/html/element/input/tel/index.html create mode 100644 files/ru/web/html/element/ins/index.html create mode 100644 files/ru/web/html/element/kbd/index.html create mode 100644 files/ru/web/html/element/label/index.html create mode 100644 files/ru/web/html/element/legend/index.html create mode 100644 files/ru/web/html/element/li/index.html create mode 100644 files/ru/web/html/element/main/index.html create mode 100644 files/ru/web/html/element/map/index.html create mode 100644 files/ru/web/html/element/mark/index.html create mode 100644 files/ru/web/html/element/marquee/index.html create mode 100644 files/ru/web/html/element/menu/index.html create mode 100644 files/ru/web/html/element/meta/index.html create mode 100644 files/ru/web/html/element/meter/index.html create mode 100644 files/ru/web/html/element/nav/index.html create mode 100644 files/ru/web/html/element/noscript/index.html create mode 100644 files/ru/web/html/element/ol/index.html create mode 100644 files/ru/web/html/element/optgroup/index.html create mode 100644 files/ru/web/html/element/option/index.html create mode 100644 files/ru/web/html/element/output/index.html create mode 100644 files/ru/web/html/element/p/index.html create mode 100644 files/ru/web/html/element/picture/index.html create mode 100644 files/ru/web/html/element/pre/index.html create mode 100644 files/ru/web/html/element/progress/index.html create mode 100644 files/ru/web/html/element/ruby/index.html create mode 100644 files/ru/web/html/element/script/index.html create mode 100644 files/ru/web/html/element/section/index.html create mode 100644 files/ru/web/html/element/select/index.html create mode 100644 files/ru/web/html/element/slot/index.html create mode 100644 files/ru/web/html/element/source/index.html create mode 100644 files/ru/web/html/element/span/index.html create mode 100644 files/ru/web/html/element/strong/index.html create mode 100644 files/ru/web/html/element/style/index.html create mode 100644 files/ru/web/html/element/summary/index.html create mode 100644 files/ru/web/html/element/td/index.html create mode 100644 files/ru/web/html/element/template/index.html create mode 100644 files/ru/web/html/element/tfoot/index.html create mode 100644 files/ru/web/html/element/time/index.html create mode 100644 files/ru/web/html/element/title/index.html create mode 100644 files/ru/web/html/element/track/index.html create mode 100644 files/ru/web/html/element/u/index.html create mode 100644 files/ru/web/html/element/ul/index.html create mode 100644 files/ru/web/html/element/video/index.html create mode 100644 files/ru/web/html/element/video/seeking_event/index.html create mode 100644 files/ru/web/html/element/wbr/index.html create mode 100644 "files/ru/web/html/element/\320\272\320\275\320\276\320\277\320\272\320\260/index.html" create mode 100644 "files/ru/web/html/element/\321\201\321\201\321\213\320\273\320\272\320\260/index.html" (limited to 'files/ru/web/html/element') diff --git a/files/ru/web/html/element/a/index.html b/files/ru/web/html/element/a/index.html new file mode 100644 index 0000000000..57a577fb38 --- /dev/null +++ b/files/ru/web/html/element/a/index.html @@ -0,0 +1,394 @@ +--- +title: +slug: Web/HTML/Element/A +tags: + - HTML + - Веб + - Контент + - Семантика + - Содержание +translation_of: Web/HTML/Element/a +--- +

HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.

+ +
<a href="https://developer.mozilla.org">MDN</a>
+ + + + + + + + + + + + + + + + + + + + + + + + +
Категории контента Основной поток, текстовый контент, интерактивный контент, скрытый контент.
Разрешённый контентЛогический контент, содержащий либо основной поток (исключая интерактивный контент), либо заголовочный контент.
Опускание теговОткрывающий и закрывающий теги обязательны.
Разрешённые родительские элеметныЛюбые элементы, в которых разрешён текстовый контент или элементы, в которых разрешёны элементы основного потока.
DOM-интерфейс{{domxref("HTMLAnchorElement")}}
+ +

Атрибуты

+ +

Этот элемент включает в себя общие атрибуты.

+ +
+
{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}
+
Этот атрибут сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный. Если у этого атрибута есть значение, оно будет использовано как заполненное название файла в Окне сохранения, которое открывается, когда пользователь нажимает на ссылку (пользователь может поменять название перед сохранением файла). Ограничений на позволенные значения нет (хотя оно будет конвертировано в нижние подчёркивания, предотвращая специфичные пути), но стоит обратить внимание, что у большинства файловых систем есть ограничения на то, какие знаки препинания поддерживаются файловой системой, и браузеры регулируют названия согласно ограничениям.
+
 
+
+ +
+

Примечание:

+ + +
+ +
+
{{htmlattrdef("href")}}
+
Единственный обязательный атрибут для опредения ссылки в HTML4, но больше необязательный в HTML5. Упущение этого атрибута создаёт ссылку-заполнитель. Атрибут href указывает ссылку: либо URL, либо якорь. Якорь — это название после символа #, который указывает на элемент (ID) на текущей странице. URL не ограничены только ссылками на HTTP, они могут использовать любой протокол, поддерживающийся браузером. Например, file, ftp и mailto работают в большинстве браузеров.
+
+ +
+

Примечание: Вы можете использовать специальное значение «top», чтобы создать ссылки в начало страницы, например: <a href="#top">Вернуться наверх</a>. Это поведение указано в Спецификациях HTML5.

+
+ +
+
{{htmlattrdef("hreflang")}}
+
Этот атрибут сообщает язык документа по ссылке. Это чисто контрольная информация. Разрешённые значения определены в BCP47 для HTML5 и RFC1766 для HTML4. Используйте этот атрибут, только если задан {{htmlattrxref("href", "a")}}.
+
{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}
+
Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
+
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
+
Этот атрибут сообщает, какую информацию передавать ресурсу по ссылке:
+
+
    +
  • "no-referrer" не отправляет заголовок Referer.
    • +
  • "no-referrer-when-downgrade" не отправляет заголовок Referer ресурсу без TLS (HTTPS). Это стандартное поведение браузера, если не указана иная политика.
    • +
  • "origin" отправляет такую информацию о текущей странице, как адрес, протокол, хост и порт.
    • +
  • "origin-when-cross-origin" отправляет другим ресурсам только протокол, хост и порт, а внутри ресурса также отправляет путь. 
    • +
  • "unsafe-url" отправляет только ресурс и адрес (но не пароли или никнеймы). Это значение небезопасно, так как могут утечь ресурс и адрес с TLS-защищённых ресурсов на небезопасные.
    • +
+
+
+ +
+
{{htmlattrdef("rel")}}
+
Для ссылок, которые содержат атрибут href, этот атрибут устанавливает отношения между ссылками. Значением является список значений, разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является void, если не задано иное. Используйте этот тег, только если задан атрибут {{htmlattrxref("href", "a")}}.
+
+ +
+
{{htmlattrdef("target")}}
+
Этот атрибут определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe). У следующих ключевых слов специальные значения:
+
+
    +
  • _self загружает документ в текущем фрейме в HTML4 (или текущей вкладке в HTML5) как текущий. Это значение по умолчанию, если не указано иное значение.
    • +
  • _blank загружает документ в новой окне в HTML4 или вкладке в HTML5.
    • +
  • _parent загружает документ в родительском фрейме в HTML4 или в родительской вкладке в HTML5. Если нет родителя, параметр будет вести себя как _self: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
    • +
  • _top в HTML4 загружает документ в новом окне, игнорируя другие фреймы. В HTML5 загружает в окне высшего уровня. Если родителя нет, опция ведёт себя как _self.
    • +
+ Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
+
+ +
+

Примечание: Используя target, вы должны добавлять rel="noopener noreferrer", чтобы избежать эксплуатацию API window.opener.

+
+ +
+
{{htmlattrdef("type")}}
+
Этот атрибут определяет MIME-тип для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как audio/wav.
+
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
+
+ +

Устаревшие 

+ +
+
{{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}}
+
Этот атрибут определяет кодировку документа по ссылке. Значением является разделённый пробелами или запятыми список кодировок. Значением по умолчанию является ISO-8859-1.
+
+ +
+

Предупреждение: Этот атрибут является устарелым в HTML5 и не должен использоваться. Чтобы достичь такого же эффекта, используйте HTTP-заголовок Content-Type на ссылающемся ресурсе.

+
+ +
+
{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}}{{obsoleteGeneric("inline","HTML5")}}
+
Для использования с формой объекта, этот атрибут использует разделённый запятыми список чисел для определения координат объекта на странице.
+
name {{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}
+
Этот атрибут обязателен в определении якоря на странице. Значение имени схоже со значением id и должен быть уникальным идентификатором и состоять из букв и цифр. Согласно спецификации HTML 4.01, и id, и name могут быть использованы с элементом <a>, пока у них идентичные значения.
+
rev {{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}
+
Этот атрибут определяет обратную ссылку, обратные отношения атрибута rel. Это полезно, чтобы отобразить, откуда пришёл объект как автор или документ.
+
+ +
+
shape {{HTMLVersionInline(4)}} {{obsoleteGeneric("inline","HTML5")}}
+
Этот атрибут используется, чтобы определить выбранный регион для ссылок на источник гипертекста, которые соединены с фигурой для создания изображения-карты. Значения для атрибута — circle, default, polygon и rect. Формат координат зависит от выбранной формы. Для circle — x, y, r, где x и y — пиксельные координаты центра круга и r — радиус в пикселях. Для rect — x, y, w, h, где x и y — координаты верхнего левого угла прямоугольника, а w и h — ширина и высота соответственно. Значениями polygon для координатов формы являются x1, y1, x2, y2... Каждая пара x, y определяет точку в полигоне, с последующей точкой становится прямой линией, и последняя точка объединяется с первой. Значение default для форм требует, чтобы полностью закрытая территория, например, изображение, было использовано.
+
+ +
+

Примечание: Желательно использовать атрибут usemap для элемента <img> и связанного элемента <map>, чтобы определить горячие точки вместо атрибутов формы.

+
+ +

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

+ +
+
{{htmlattrdef("datafld")}} {{Non-standard_inline}}
+
Этот атрибут определяет назание столбца из объекта исходных данных, который принимает связанные данные.
+
+ +
+

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

+
+ + + + + + + + + + + + + + + + + + + + + +
ПоддержкаGeckoPrestoWebKitTrident
Не реализованаНе реализованаНе реализованаIE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документMicrosoft's Data Binding: dataFld Property (MSDN)
+ +
+
{{htmlattrdef("datasrc")}} {{Non-standard_inline}}
+
Этот атрибут сообщает ID объекта исходных данных, который принимает связанные данные с этим элементом.
+
+ +
+

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

+
+ + + + + + + + + + + + + + + + + + + + + +
ПоддержкаGeckoPrestoWebKitTrident
Не реализованаНе реализованаНе реализованаIE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документMicrosoft's Data Binding: dataSrc Property (MSDN)
+ +
+
{{htmlattrdef("methods")}} {{Non-standard_inline}}
+
Значение этого атрибута предоставляет информацию о функциях, которые могут быть выполнены на объекте. Обычно значения даны HTTP-протоколом, когда он использован, но может (для похожих целей, как для атрибута title) быть полезным для включения контрольной информации в ссылке. Например, браузер может выбрать другой тип рендеринга для ссылки как функцию определённых методов; что-то, что может быть найдено, может иметь другую иконку, или внешняя ссылка может получить индикатор перехода с текущего сайта. Этот элемент не понимается или не поддерживается полностью даже браузером Internet Explorer 4, который определил этот атрибут. Значения methods (MSDN).
+
{{htmlattrdef("urn")}} {{Non-standard_inline}}
+
Этот атрибут, предложенный Micosoft, определяет отношения уникального названия ресурса (URN) с ссылкой. Хотя он основан на стандартах работы нескольких лет назад, значение URN всё еще не определено полностью, поэтому этот атрибут не имеет значения. Значения urn (MSDN).
+
+ +

Примеры

+ +

Ссылка на внешний сайт

+ +
<!-- Ссылка на внешний файл -->
+<a href="http://www.mozilla.com/">Внешняя ссылка</a>
+
+ +

Результат:

+ +

Внешняя ссылка

+ +

Создание кликабельной картинки

+ +
<a href="https://developer.mozilla.org/ru/" target="_blank">
+  <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo">
+</a>
+
+ +

Результат:

+ +

{{ EmbedLiveSample("Создание_кликабельной_картинки", "320", "64") }}

+ +

Создания ссылки для написания письма

+ +
<a href="mailto:nowhere@mozilla.org">Отправить сообщение в никуда</a>
+
+ +

Результат выглядит примерно так: Отправить сообщение в никуда.

+ +

Для дополнительных деталей использования mailto, таких как тема, текст или другое, смотрите Email-ссылки или {{RFC(6068)}}.

+ +

Создание ссылки с номером телефона

+ +

С телефонами, способными выходить в Интернет и ноутбуками, которые привязаны к телефонам, ссылки с номером телефона становятся всё больше и больше полезными.

+ +
<a href="tel:+491570156">+49 157 0156</a>
+
+ +

Для дополнителных деталей о протоколе tel, смотрите {{RFC(2806)}} и {{RFC(2396)}}.

+ +

Использование download для сохранения canvas как PNG

+ +

Если вы хотите позволить пользователю скачивать HTML canvas как картинку, вы можете создать ссылку с атрибутом download и данные canvas как data: URL:

+ +
var link = document.createElement("a");
+link.innerHTML = 'download image';
+
+link.addEventListener("click", function(ev) {
+  link.href = canvas.toDataURL();
+  link.download = "mypainting.png";
+}, false);
+
+document.body.appendChild(link);
+
+ +

Вы можете посмотреть на это в действии: jsfiddle.net/codepo8/V6ufG/2/.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусПримечание
{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrer attribute')}}{{Spec2('Referrer Policy')}}Добавлен атрибут referrerpolicy.
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-a-element', '<a>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}}{{Spec2('HTML4.01')}} 
+ +

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

+ + + +

{{Compat("html.elements.a")}}

+ +

Нажатие и фокус

+ +

Нажатие на {{HTMLElement("a")}} приводит (по умолчанию) к фокусировке элемента, но оно может быть разным в засивисимости от браузера и ОС.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Фокусируется ли элемент нажатием на {{HTMLElement("a")}}?

+
НастольныеWindows 8.1OS X 10.9
Firefox 30.0ДаДа
Chrome ≥39
+ (Chromium bug 388666)		ДаДа
Safari 7.0.5Нет данныхТолько с заданным tabindex
Internet Explorer 11ДаНет данных
Presto (Opera 12)ДаДа
+ + + + + + + + + + + + + + + + + + + +
МобильныеiOS 7.1.2Android 4.4.4
Safari MobileТолько с заданным tabindexНет данных
Chrome 35НеизвестноТолько с заданным tabindex
+ +

Примечания

+ +

HTML 3.2 включает в себя только name, href, rel, rev и title.

+ +

Атрибут target не работает в браузерах, не поддерживающих фреймы, таких как Netscape 1 generation. Кроме того, target не допускается в «строгих» вариантах XHTML, но разрешен в формах frameset или «переходных» формах.

+ +

Рекомендации по JavaScript

+ +

Часто якорь используется с событием onclick. Для избежания обновления страницы, href часто устанавливается на #, либо на javascript:void(0). Оба этих значения могут привести к некоторым неожиданным ошибкам во время копирования ссылки или открытия ссылки в новой вкладке или окне. Помните об этом, чтобы сделать юзабилити удобнее, когда пользователи используют якори и Вы не допускаете стандартного поведения.

+ +

Смотрите также

+ + + +
{{HTMLRef}}
diff --git a/files/ru/web/html/element/abbr/index.html b/files/ru/web/html/element/abbr/index.html new file mode 100644 index 0000000000..c5e667922e --- /dev/null +++ b/files/ru/web/html/element/abbr/index.html @@ -0,0 +1,186 @@ +--- +title: ': Элемент Аббревиатура' +slug: Web/HTML/Element/abbr +tags: + - HTML + - Тег + - Элемент +translation_of: Web/HTML/Element/abbr +--- +
{{HTMLRef}}
+ +

Элемент HTML «аббревиатура» (<abbr>) представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут {{htmlattrxref("title")}}. Иные значения title, кроме расшифровки аббревиатуры не допускаются.

+ +
{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
+ + + +

Статья Как помечать аббревиатуры и сделать их потянтыми поможет понять как использовать <abbr> и связанные элементы.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Интерфейс DOM{{domxref("HTMLElement")}}
Категории контентаОсновной поток, текстовый контент, явный контент
Разрешённое содержимоеФразовый контент
Разрешённые родительские элементыЛюбые, поддерживающие фразовый контент.
Разрешённые ARIA ролиЛюбые
DOM интерфейс{{domxref("HTMLElement")}}
+ +

Атрибуты

+ +

Этот элемент поддерживает только глобальные атрибуты. Атрибут {{htmlattrxref("title")}} имеет специальное семантическое значение, когда используется вместе с элементом <abbr>. Он должен содержать полную расшифровку или описание аббревиатуры.

+ +

Каждый элемент <abbr> независим от других. Указание title на одном элементе не применяет это же описание к другим элементам с одинаковым содержанием.

+ +

Примечания к использованию

+ +

Обычное использование

+ +

Необязательно помечать все аббревиатуры с помощью <abbr>. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:

+ + + +

Граматческие вопросы

+ +

В языках с {{interwiki("wikipedia", "grammatical number")}} (то есть, языки, в которых количество предметов влияет на грамматику предложения), используйте одинаковое граматическое число в атрибуте title и внутри элемента <abbr>. Это также имеет место в языках с более чем двумя грамматическими числами (например, арабский имеет не только категории единственного и множественного числа, но двойственного).

+ +

Стили по-умолчанию

+ +

Назначение данного элемента исключитально для удобства автора и браузеры отображают его как ({{cssxref('display')}}: inline) по-умолчанию, хотя его стиль по-умолчанию меняется в разных браузерах:

+ + + +

Примеры

+ +

Семантическая пометка аббревиатуры

+ +

Чтобы пометить аббревиатуру без задания описания или расшифровок, просто используйте <abbr> без каких-либо атрибутов, как показано в примере ниже.

+ +

HTML

+ +
<p>Использование <abbr>HTML</abbr> – весело и легко!</p>
+ +

Результат

+ +

{{EmbedLiveSample("Семантическая_пометка_аббревиатуры")}}

+ +

Стилизация аббревиатуры

+ +

Вы можете использовать CSS, чтобы задать пользовательские стили для аббревиатуры, как показано в примере ниже.

+ +

HTML

+ +
<p>Используя <abbr>CSS</abbr>, вы можете стилизовать аббревиатуры!</p>
+ +

CSS

+ +
abbr {
+  font-variant: all-small-caps;
+}
+ +

Результат

+ +

{{EmbedLiveSample("Стилизация_аббревиатуры")}}

+ +

Задание расшифровки

+ +

Добавление атрибута {{htmlattrxref("title")}} даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.

+ +

HTML

+ +
<p>Эта статья великолепна! <abbr title="Подпишусь под Каждым Словом">ППКС</abbr>
+без раздумий.</p>
+ +

Result

+ +

{{EmbedLiveSample("Задание_расшифровки")}}

+ +

Определение в абревиатуре

+ +

Вы можете использовать <abbr> вместе с {{HTMLElement("dfn")}} для более формального определения абревиатуры, как показано ниже.

+ +

HTML

+ +
<p><dfn id="html"><abbr title="HyperText Markup Language">HTML</abbr>
+</dfn> – язык разметки, который используется для создания семантических и
+структурированных веб-страниц.</p>
+
+<p>A <dfn id="spec">Specification</dfn>
+(<abbr title="Specification">spec</abbr>) – документ, в котором описаны основные
+принципы работы технологи или API и как получить к ним доступ.</p>
+ +

Result

+ +

{{EmbedLiveSample("Определение_в_абревиатуре", 600, 120)}}

+ +

Смотрите больше примеров в статье Как размечать аббревиатуры и делать их понятными.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусПримечание
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-abbr-element', '<abbr>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#edef-ABBR', '<abbr>')}}{{Spec2('HTML4.01')}}
+ +

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

+ +

{{Compat("html.elements.abbr")}}

+ +

См. также

+ + diff --git a/files/ru/web/html/element/acronym/index.html b/files/ru/web/html/element/acronym/index.html new file mode 100644 index 0000000000..ae4456dd4e --- /dev/null +++ b/files/ru/web/html/element/acronym/index.html @@ -0,0 +1,120 @@ +--- +title: +slug: Web/HTML/Element/acronym +tags: + - Obsolete +translation_of: Web/HTML/Element/acronym +--- +
{{obsolete_header}}
+ +

Аннотация

+ +

Элемент акронима (<acronym>) позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.

+ +
+

Примечание: Этот элемент был убран из спецификации HTML5, поэтому его не рекомендуется использовать.Вместо него используйте элемент {{HTMLElement("abbr")}}.

+
+ +

Атрибуты

+ +

Этот элемент поддерживает только глобальные атрибуты.

+ +

Интерефейс DOM

+ +

Этот элемент реализует интерфейс {{domxref('HTMLElement')}}.

+ +
Примечание: Вплоть до Gecko 1.9.2 Firefox реализует для этого элемента интерфейс {{domxref('HTMLSpanElement')}}.
+ +

Пример

+ +
<p>The <acronym title="World Wide Web">WWW</acronym> is only one component of the Internet.</p>
+
+ +

Стилизация по умолчанию

+ +

Хотя этого элемент употребляется чисто для удобств автора, разные браузеры отрисовывают его по-разному:

+ +
    +
  • Некоторые, например, Internet Explorer, не стилизуют его, и он выглядит неотличимо от обычного {{HTMLElement("span")}}.
    • +
  • Opera, Firefox и некоторые други браузеры подчеркивают его точками.
    • +
  • Малая часть браузеров помимо подчёркивания точками также меняют начертание текста на капитель (small caps). Во избежание такого поведения, как вариант, необходимо добавить {{cssxref('font-variant')}}: none в CSS стиль.
    • +
+ +

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

+ +

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

+ + + + + + + + + + + + + + + + +
СпецификацияСтатусКоометарий
{{SpecName('HTML4.01', 'struct/text.html#edef-ACRONYM', '<acronym>')}}{{Spec2('HTML4.01')}} 
+ +

Совместимость

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
ВозможностьChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Базовая поддержка{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
ВозможностьAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Базовая поддержка{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatNo}}
+
+ +

См. также:

+ +
    +
  • {{HTMLElement("abbr")}}
    • +
+ +
{{HTMLRef}}
diff --git a/files/ru/web/html/element/address/index.html b/files/ru/web/html/element/address/index.html new file mode 100644 index 0000000000..3a45048f57 --- /dev/null +++ b/files/ru/web/html/element/address/index.html @@ -0,0 +1,161 @@ +--- +title:
+slug: Web/HTML/Element/address +tags: + - HTML + - HTML секции + - HTML справочник + - Вэб + - Элемент +translation_of: Web/HTML/Element/address +--- +

{{HTMLRef}}

+ +

HTML- тег <address>  задает контактные данные для ближайшего родительского {{HTMLElement("article")}} или {{HTMLElement("body")}} ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.

+ +
+

Примечание:

+ +
    +
  • Для представления адреса, который не является контактной информацией, воспользуйтесь {{HTMLElement("p")}} элементом.
    • +
  • Данный тег не должен содержать любой другой информации, кроме контактной. (пример: дата публикации - относится к {{HTMLElement("time")}} тегу ).
    • +
  • Обычно тег <address> размещается внутри тега {{HTMLElement("footer")}} текущего блока, если есть хотя бы один.
    • +
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаОсновной поток, palpable content.
Разрешённый контентОсновной поток, но без вложенного элемента <address>, без элементов заголовка ({{HTMLElement("hgroup")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}), без секционного контента ({{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}) и без {{HTMLElement("header")}} или {{HTMLElement("footer")}} элементов.
Опускание тегов{{no_tag_omission}}
Разрешённые родительские элеметныЛюбой элемент, который принимает flow content.
DOM интерфейс{{domxref("HTMLElement")}} Prior to Gecko 2.0 (Firefox 4), Gecko implemented this element using the {{domxref("HTMLSpanElement")}} interface
+ +

Атрибуты

+ +

Этот элемент включает в себя глобальные атрибуты.

+ +

Пример

+ +
  <address>
+    You can contact author at <a href="http://www.somedomain.com/contact">www.somedomain.com</a>.<br>
+    If you see any bugs, please <a href="mailto:webmaster@somedomain.com">contact webmaster</a>.<br>
+    You may also want to visit us:<br>
+    Mozilla Foundation<br>
+    1981 Landings Drive<br>
+    Building K<br>
+    Mountain View, CA 94043-0801<br>
+    USA
+  </address>
+
+ +

Результат:

+ +

Image:HTML-address.png

+ +

Помимо элемента {{HTMLElement("address")}}, с такими же стандартными стилями как и он текст отображают {{HTMLElement("i")}} или {{HTMLElement("em")}} элементы, более правильно использовать его, когда имеете дело с контактной информацией, так как он передает дополнительную семантическую информацию.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусПримечания
{{SpecName('HTML WHATWG', 'sections.html#the-address-element', '<address>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'sections.html#the-address-element', '<address>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.6', '<address>')}}{{Spec2('HTML4.01')}}
+ +

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

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
ФункцияChromeFirefox (Gecko)Internet ExplorerOperaSafari
Основная поддержка{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.7")}}1.05.121.0
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
ФункцияAndroidFirefox Mobile (Gecko)IE MobileOpera MiniOpera MobileSafari Mobile
Основная поддержка{{CompatVersionUnknown}}{{CompatGeckoMobile("1.7")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
+
+ +

Смотрите также

+ +
    +
  • Другие элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("header")}};
    • +
  • Секции и контуры HTML5 документа.
    • +
diff --git a/files/ru/web/html/element/applet/index.html b/files/ru/web/html/element/applet/index.html new file mode 100644 index 0000000000..8ff6d23951 --- /dev/null +++ b/files/ru/web/html/element/applet/index.html @@ -0,0 +1,119 @@ +--- +title: +slug: Web/HTML/Element/applet +translation_of: Web/HTML/Element/applet +--- +
{{obsolete_header}}
+ +

Элемент HTML апплет (<applet>) определяет включение апплета java.

+ +
+

Примечание: {{htmlelement("applet")}} элемент был удален в Gecko 56 и Chrome в конце 2015 года. Удаление рассматривается в WebKit и Edge.

+
+ +

Атрибуты

+ +
+
{{htmlattrdef("align")}}
+
Этот атрибут используется для установки апплета на странице относительно содержания, которая может течь вокруг него. В HTML 4.01 определяет значения снизу, слева, посередине, справа и сверху, в то время как Microsoft и Netscape также может поддерживать absbottom, absmiddle, baseline, center, и texttop.
+
{{htmlattrdef("alt")}}
+
This attribute causes a descriptive text alternate to be displayed on browsers that do not support Java. Page designers should also remember that content enclosed within the <applet> element may also be rendered as alternative text.
+
{{htmlattrdef("archive")}}
+
This attribute refers to an archived or compressed version of the applet and its associated class files, which might help reduce download time.
+
{{htmlattrdef("code")}}
+
This attribute specifies the URL of the applet's class file to be loaded and executed. Applet filenames are identified by a .class filename extension. The URL specified by code might be relative to the codebase attribute.
+
{{htmlattrdef("codebase")}}
+
This attribute gives the absolute or relative URL of the directory where applets' .class files referenced by the code attribute are stored.
+
{{htmlattrdef("datafld")}}
+
This attribute, supported by Internet Explorer 4 and higher, specifies the column name from the data source object that supplies the bound data. This attribute might be used to specify the various {{HTMLElement("param")}} elements passed to the Java applet.
+
{{htmlattrdef("datasrc")}}
+
Like datafld, this attribute is used for data binding under Internet Explorer 4. It indicates the id of the data source object that supplies the data that is bound to the {{HTMLElement("param")}} elements associated with the applet.
+
{{htmlattrdef("height")}}
+
This attribute specifies the height, in pixels, that the applet needs.
+
{{htmlattrdef("hspace")}}
+
This attribute specifies additional horizontal space, in pixels, to be reserved on either side of the applet.
+
{{htmlattrdef("mayscript")}}
+
In the Netscape implementation, this attribute allows access to an applet by programs in a scripting language embedded in the document.
+
{{htmlattrdef("name")}}
+
This attribute assigns a name to the applet so that it can be identified by other resources; particularly scripts.
+
{{htmlattrdef("object")}}
+
This attribute specifies the URL of a serialized representation of an applet.
+
{{htmlattrdef("src")}}
+
As defined for Internet Explorer 4 and higher, this attribute specifies a URL for an associated file for the applet. The meaning and use is unclear and not part of the HTML standard.
+
{{htmlattrdef("vspace")}}
+
This attribute specifies additional vertical space, in pixels, to be reserved above and below the applet.
+
{{htmlattrdef("width")}}
+
This attribute specifies in pixels the width that the applet needs.
+
+ +

Example

+ +
<applet code="game.class" align="left" archive="game.zip" height="250" width="350">
+  <param name="difficulty" value="easy">
+  <b>Sorry, you need Java to play this game.</b>
+</applet>
+
+ +

Browser compatibility

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatNo}}[1]{{CompatVersionUnknown}}[1]{{CompatNo}}[1]{{CompatVersionUnknown}}{{CompatNo}}[1]{{CompatVersionUnknown}}[1]
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MiniOpera MobileSafari Mobile
Basic support{{CompatNo}}{{CompatVersionUnknown}}[1]{{CompatNo}}[1]{{CompatNo}}{{CompatNo}}{{CompatNo}}[1]{{CompatNo}}[1]
+
+ +

[1] The {{htmlelement("applet")}} element was removed in Gecko 56 and Chrome in late 2015. Removal is being considered in WebKit and Edge.

+ +

Notes

+ +

The W3C specification does not encourage the use of <applet> and prefers the use of the {{HTMLElement("object")}} tag. Under the strict definition of HTML 4.01, this element is deprecated and entirely obsolete in HTML5.

+ +
{{HTMLRef}}
diff --git a/files/ru/web/html/element/area/index.html b/files/ru/web/html/element/area/index.html new file mode 100644 index 0000000000..fb40396f4a --- /dev/null +++ b/files/ru/web/html/element/area/index.html @@ -0,0 +1,192 @@ +--- +title: +slug: Web/HTML/Element/area +translation_of: Web/HTML/Element/area +--- +
HTML <area> элемент определяет активную область на изображении и, при желании, связывает ее с {{Glossary("Hyperlink", "гипертекстовой ссылкой")}}. Этот элемент используется только внутри элемента {{HTMLElement("map")}}.
+ +
{{EmbedInteractiveExample("pages/tabbed/area.html", "tabbed-taller")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории содержимогоЭлементы потока, фразового контента.
Разрешенное содержимоеНет, это {{Glossary("пустой элемент")}}.
Пропуск тегов +

Открывающий тег обязателен, закрывающего быть не должно.

+
Допустимые родительские элементы +

Любой элемент, допускающий фразовый контент. У элемента <area> должен быть родитель {{HTMLElement("map")}}, но он не должен быть прямым родетелем.

+
Разрешенные роли ARIAНет
DOM интерфейс{{domxref("HTMLAreaElement")}}
+ +

Атрибуты

+ +

Этот элемент включает в себя только глобальные атрибуты.

+ +
+
{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} только, {{obsolete_inline("5.0")}}
+
Specifies a keyboard navigation accelerator for the element. Pressing ALT or a similar key in association with the specified character selects the form control correlated with that key sequence. Page designers are forewarned to avoid key sequences already bound to browsers. This attribute is global since HTML5.
+
+ +
+
{{htmlattrdef("alt")}}
+
С помощью этого атрибута задается альтернативный текст, описывающий изображение, если оно не доступно. Он должен быть сформулирован так, чтобы предоставить пользователю тот же выбор, что и изображение, которое отрисуется без альтернативного текста. В HTML4 данный атрибут обязателен, но так же может содержать и пустую строку (""). В HTML5 этот атрибут обязателен только при наличии атрибута href.
+
+ +
+
{{htmlattrdef("coords")}}
+
Задает значения координат для активной области. Значение и количество значений зависят от значения укзанного для атрибута shape. Для rect или прямоугольника задаются две пары значений x,y coords: лево, верх, право и низ. Для circle, значения x,y,r где x,y координаты центра круга, а r радиус. Для poly или многоугольника, значения задаются парой x и y для каждой вершины многоугольника: x1,y1,x2,y2,x3,y3, и т.д. В HTML4 значения задаются в пикселях или процентах, когда добавлен знак (%); в HTML5, значения — величины в пикселях.
+
{{htmlattrdef("download")}} {{HTMLVersionInline("5")}}
+
Этот атрибут, если он добавлен, указывает, что ссылка используется для скачивания файла. Смотри {{HTMLElement("a")}} для полного описания атрибута {{htmlattrxref("download", "a")}}.
+
+ +
+
{{htmlattrdef("href")}}
+
Ссылка для активной области. Это значение действующего URL. В HTML4, этот или nohref атрибут обязательный. В HTML5, данный атрибут можно пропустить при условии, что активная область не является ссылкой.
+
+ +
+
{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}
+
Указывает язык связанного ресурса. Допустимые значения определяются BCP47. Используйте данный атрибут при наналичии атрибута href.
+
+ +
+
{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
+
Определяет имя интерактивной области, чтобы оно могло прописатся в старых браузерах.
+
+ +
+
{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}
+
A hint of the media for which the linked resource was designed, for example print and screen. If omitted, it defaults to all. Use this attribute only if the href attribute is present.
+
+ +
+
{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
+
Indicates that no hyperlink exists for the associated area. Either this attribute or the href attribute must be present in the element. +
+

Usage note: This attribute is obsolete in HTML5, instead omitting the href attribute is sufficient.

+
+
+
+ +
+
{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}
+
A string indicating which referrer to use when fetching the resource: +
    +
  • "no-referrer" meaning that the Referer: header will not be sent.
    • +
  • "no-referrer-when-downgrade" meaning that no Referer: header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent’s default behavior, if no policy is otherwise specified.
    • +
  • "origin" meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port.
    • +
  • "origin-when-cross-origin" meaning that navigations to other origins will be limited to the scheme, the host and the port, while navigations on the same origin will include the referrer's path. 
    • +
  • "unsafe-url" meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.
    • +
+
+
{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}
+
For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a space-separated list of link types values. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present.
+
{{htmlattrdef("shape")}}
+
The shape of the associated hot spot. The specifications for HTML 5 and HTML 4 define the values rect, which defines a rectangular region; circle, which defines a circular region; poly, which defines a polygon; and default, which indicates the entire region beyond any defined shapes. Many browsers, notably Internet Explorer 4 and higher, support circ, polygon, and rectangle as valid values for shape; these values are {{Non-standard_inline}}.
+
{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}
+
A numeric value specifying the position of the defined area in the browser tabbing order. This attribute is global in HTML5.
+
+ +
+
{{htmlattrdef("target")}}
+
This attribute specifies where to display the linked resource. In HTML4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings: +
    +
  • _self: Load the response into the same HTML4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
    • +
  • _blank: Load the response into a new unnamed HTML4 window or HTML5 browsing context.
    • +
  • _parent: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
    • +
  • _top: In HTML4: Load the response into the full, original window, canceling all other frames. In HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
    • +
+ Use this attribute only if the href attribute is present.
+
{{htmlattrdef("type")}} {{obsolete_inline("5.1")}}
+
This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see https://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.
+
+ +

 Пример

+ +
<map name="primary">
+  <area shape="circle" coords="75,75,75" href="left.html" alt="Click to go Left">
+  <area shape="circle" coords="275,75,75" href="right.html" alt="Click to go Right">
+</map>
+<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">
+ +

Результат

+ +

{{ EmbedLiveSample('Example', 360, 160) }}

+ +

Notes

+ +

Under the HTML 3.2, 4.0, and 5 specifications, the closing tag </area> is forbidden.

+ +

The XHTML 1.0 specification requires a trailing slash: <area />.

+ +

The id, class, and style attributes have the same meaning as the core attributes defined in the HTML 4 specification, but only Netscape and Microsoft define them.

+ +

Netscape 1–level browsers do not understand the target attribute as it relates to frames.

+ +

HTML 3.2 defines only alt, coords, href, nohref, and shape.

+ +

HTML 5.1 defines obsolete the attribute type on this tag.

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('Referrer Policy', '#referrer-policy-delivery-referrer-attribute', 'referrerpolicy attribute')}}{{Spec2('Referrer Policy')}}Added the referrerpolicy attribute.
{{SpecName('HTML WHATWG', 'embedded-content.html#the-area-element', '<area>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-area-element', '<area>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<area>')}}{{Spec2('HTML4.01')}} 
+ +

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

+ + + +

{{Compat("html.elements.area")}}

diff --git a/files/ru/web/html/element/article/index.html b/files/ru/web/html/element/article/index.html new file mode 100644 index 0000000000..88bb5e5a48 --- /dev/null +++ b/files/ru/web/html/element/article/index.html @@ -0,0 +1,148 @@ +--- +title:
+slug: Web/HTML/Element/article +tags: + - Element + - HTML + - Web + - Веб + - Разделы + - Разделы HTML + - Справка + - Элемент +translation_of: Web/HTML/Element/article +--- +
{{HTMLRef}}
+ +

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

+ +
{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}
+ + + +

Данный документ может иметь множество статей; например, когда читатель просматривает блог, в котором текст каждой статьи отображается один за другим, каждая публикация будет находиться в элементе <article>, возможно, с одним или более элементами <section> внутри.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаОсновной поток, секционный контент, явный контент.
Разрешенное содержимоеОсновной поток.
Пропуск тегаНи одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешенные родительские элементыЛюбой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <article> не должен быть потомком элемента {{HTMLElement("address")}}.
Разрешенные ARIA роли{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}
DOM-интерфейс{{domxref("HTMLElement")}}
+ +

Атрибуты

+ +

К этому элементу применимы только глобальные атрибуты.

+ +

Примечание

+ +
    +
  • Каждый элемент <article> должен быть идентифицирован, обычно путем добавления заголовка (элементы <h1>-<h6>) в качестве дочернего элемента.
    • +
  • Когда элемент <article> является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами <article>, вложенными в другой <article>, являющийся публикацией в блоге.
    • +
  • Информация об авторе в элементе <article> может быть представлена через элемент {{HTMLElement("address")}}, но это не применимо к вложенным элементам <article>.
    • +
  • Дата и время публикации в элементе <article> могут быть описаны с помощью атрибута {{htmlattrxref("datetime", "time")}} элемента {{HTMLElement("time")}}. Обратите внимание, что атрибут {{htmlattrxref("pubdate", "time")}} элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}.
    • +
+ +

Примеры

+ +
<article class="film_review">
+  <header>
+    <h2>Парк Юрского периода</h2>
+  </header>
+  <section class="main_review">
+    <p>Динозавры были величественны!</p>
+  </section>
+  <section class="user_reviews">
+    <article class="user_review">
+      <p>Слишком страшно для меня.</p>
+      <footer>
+        <p>
+          Опубликовано
+          <time datetime="2015-05-16 19:00">16 мая</time>
+          Лизой.
+        </p>
+      </footer>
+    </article>
+    <article class="user_review">
+      <p>Я согласен, динозавры мои любимцы.</p>
+      <footer>
+        <p>
+          Опубликовано
+          <time datetime="2015-05-17 19:00">17 мая</time>
+          Томом.
+        </p>
+      </footer>
+    </article>
+  </section>
+  <footer>
+    <p>
+      Опубликовано
+      <time datetime="2015-05-15 19:00">15 мая</time>
+      Стаффом.
+    </p>
+  </footer>
+</article>
+
+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5.1')}}
{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5 W3C')}}
+ +

Поддержка браузерами

+ + + +

{{Compat("html.elements.article")}}

+ +

Смотрите также

+ +
    +
  • Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
    • +
  • Разделы и структура документа HTML5.
    • +
diff --git a/files/ru/web/html/element/aside/index.html b/files/ru/web/html/element/aside/index.html new file mode 100644 index 0000000000..20c210ff79 --- /dev/null +++ b/files/ru/web/html/element/aside/index.html @@ -0,0 +1,118 @@ +--- +title: