From 0d4f4787113a38293ec856445dfde3f5f885c323 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 13 Aug 2022 07:24:10 +0200 Subject: [PATCH 1/3] move *.html to *.md --- files/ru/web/html/attributes/crossorigin/{index.html => index.md} | 0 files/ru/web/html/attributes/{index.html => index.md} | 0 files/ru/web/html/attributes/pattern/{index.html => index.md} | 0 files/ru/web/html/block-level_elements/{index.html => index.md} | 0 files/ru/web/html/cors_enabled_image/{index.html => index.md} | 0 files/ru/web/html/element/a/{index.html => index.md} | 0 files/ru/web/html/element/abbr/{index.html => index.md} | 0 files/ru/web/html/element/acronym/{index.html => index.md} | 0 files/ru/web/html/element/address/{index.html => index.md} | 0 files/ru/web/html/element/applet/{index.html => index.md} | 0 files/ru/web/html/element/area/{index.html => index.md} | 0 files/ru/web/html/element/article/{index.html => index.md} | 0 files/ru/web/html/element/aside/{index.html => index.md} | 0 files/ru/web/html/element/audio/{index.html => index.md} | 0 files/ru/web/html/element/b/{index.html => index.md} | 0 files/ru/web/html/element/base/{index.html => index.md} | 0 files/ru/web/html/element/bdi/{index.html => index.md} | 0 files/ru/web/html/element/bdo/{index.html => index.md} | 0 files/ru/web/html/element/blockquote/{index.html => index.md} | 0 files/ru/web/html/element/body/{index.html => index.md} | 0 files/ru/web/html/element/br/{index.html => index.md} | 0 files/ru/web/html/element/button/{index.html => index.md} | 0 files/ru/web/html/element/canvas/{index.html => index.md} | 0 files/ru/web/html/element/caption/{index.html => index.md} | 0 files/ru/web/html/element/cite/{index.html => index.md} | 0 files/ru/web/html/element/code/{index.html => index.md} | 0 files/ru/web/html/element/col/{index.html => index.md} | 0 files/ru/web/html/element/data/{index.html => index.md} | 0 files/ru/web/html/element/datalist/{index.html => index.md} | 0 files/ru/web/html/element/dd/{index.html => index.md} | 0 files/ru/web/html/element/del/{index.html => index.md} | 0 files/ru/web/html/element/details/{index.html => index.md} | 0 files/ru/web/html/element/dfn/{index.html => index.md} | 0 files/ru/web/html/element/dialog/{index.html => index.md} | 0 files/ru/web/html/element/div/{index.html => index.md} | 0 files/ru/web/html/element/dl/{index.html => index.md} | 0 files/ru/web/html/element/dt/{index.html => index.md} | 0 files/ru/web/html/element/em/{index.html => index.md} | 0 files/ru/web/html/element/embed/{index.html => index.md} | 0 files/ru/web/html/element/fieldset/{index.html => index.md} | 0 files/ru/web/html/element/figcaption/{index.html => index.md} | 0 files/ru/web/html/element/figure/{index.html => index.md} | 0 files/ru/web/html/element/font/{index.html => index.md} | 0 files/ru/web/html/element/footer/{index.html => index.md} | 0 files/ru/web/html/element/form/{index.html => index.md} | 0 files/ru/web/html/element/head/{index.html => index.md} | 0 files/ru/web/html/element/header/{index.html => index.md} | 0 .../ru/web/html/element/heading_elements/{index.html => index.md} | 0 files/ru/web/html/element/hgroup/{index.html => index.md} | 0 files/ru/web/html/element/hr/{index.html => index.md} | 0 files/ru/web/html/element/html/{index.html => index.md} | 0 files/ru/web/html/element/image/{index.html => index.md} | 0 files/ru/web/html/element/img/{index.html => index.md} | 0 files/ru/web/html/element/{index.html => index.md} | 0 files/ru/web/html/element/input/button/{index.html => index.md} | 0 files/ru/web/html/element/input/color/{index.html => index.md} | 0 files/ru/web/html/element/input/date/{index.html => index.md} | 0 .../html/element/input/datetime-local/{index.html => index.md} | 0 files/ru/web/html/element/input/file/{index.html => index.md} | 0 files/ru/web/html/element/input/image/{index.html => index.md} | 0 files/ru/web/html/element/input/{index.html => index.md} | 0 files/ru/web/html/element/input/number/{index.html => index.md} | 0 files/ru/web/html/element/input/password/{index.html => index.md} | 0 files/ru/web/html/element/input/radio/{index.html => index.md} | 0 files/ru/web/html/element/input/range/{index.html => index.md} | 0 files/ru/web/html/element/input/search/{index.html => index.md} | 0 files/ru/web/html/element/input/tel/{index.html => index.md} | 0 files/ru/web/html/element/ins/{index.html => index.md} | 0 files/ru/web/html/element/kbd/{index.html => index.md} | 0 files/ru/web/html/element/label/{index.html => index.md} | 0 files/ru/web/html/element/legend/{index.html => index.md} | 0 files/ru/web/html/element/li/{index.html => index.md} | 0 files/ru/web/html/element/link/{index.html => index.md} | 0 files/ru/web/html/element/main/{index.html => index.md} | 0 files/ru/web/html/element/map/{index.html => index.md} | 0 files/ru/web/html/element/mark/{index.html => index.md} | 0 files/ru/web/html/element/marquee/{index.html => index.md} | 0 files/ru/web/html/element/menu/{index.html => index.md} | 0 files/ru/web/html/element/meta/{index.html => index.md} | 0 files/ru/web/html/element/meter/{index.html => index.md} | 0 files/ru/web/html/element/nav/{index.html => index.md} | 0 files/ru/web/html/element/noscript/{index.html => index.md} | 0 files/ru/web/html/element/ol/{index.html => index.md} | 0 files/ru/web/html/element/optgroup/{index.html => index.md} | 0 files/ru/web/html/element/option/{index.html => index.md} | 0 files/ru/web/html/element/output/{index.html => index.md} | 0 files/ru/web/html/element/p/{index.html => index.md} | 0 files/ru/web/html/element/picture/{index.html => index.md} | 0 files/ru/web/html/element/pre/{index.html => index.md} | 0 files/ru/web/html/element/progress/{index.html => index.md} | 0 files/ru/web/html/element/ruby/{index.html => index.md} | 0 files/ru/web/html/element/script/{index.html => index.md} | 0 files/ru/web/html/element/section/{index.html => index.md} | 0 files/ru/web/html/element/select/{index.html => index.md} | 0 files/ru/web/html/element/slot/{index.html => index.md} | 0 files/ru/web/html/element/source/{index.html => index.md} | 0 files/ru/web/html/element/span/{index.html => index.md} | 0 files/ru/web/html/element/strong/{index.html => index.md} | 0 files/ru/web/html/element/style/{index.html => index.md} | 0 files/ru/web/html/element/summary/{index.html => index.md} | 0 files/ru/web/html/element/td/{index.html => index.md} | 0 files/ru/web/html/element/template/{index.html => index.md} | 0 files/ru/web/html/element/tfoot/{index.html => index.md} | 0 files/ru/web/html/element/time/{index.html => index.md} | 0 files/ru/web/html/element/title/{index.html => index.md} | 0 files/ru/web/html/element/track/{index.html => index.md} | 0 files/ru/web/html/element/u/{index.html => index.md} | 0 files/ru/web/html/element/ul/{index.html => index.md} | 0 files/ru/web/html/element/video/{index.html => index.md} | 0 files/ru/web/html/element/wbr/{index.html => index.md} | 0 .../web/html/global_attributes/accesskey/{index.html => index.md} | 0 .../ru/web/html/global_attributes/class/{index.html => index.md} | 0 .../global_attributes/contenteditable/{index.html => index.md} | 0 .../html/global_attributes/data-_star_/{index.html => index.md} | 0 files/ru/web/html/global_attributes/dir/{index.html => index.md} | 0 files/ru/web/html/global_attributes/id/{index.html => index.md} | 0 files/ru/web/html/global_attributes/{index.html => index.md} | 0 .../web/html/global_attributes/inputmode/{index.html => index.md} | 0 files/ru/web/html/global_attributes/is/{index.html => index.md} | 0 .../ru/web/html/global_attributes/itemid/{index.html => index.md} | 0 files/ru/web/html/global_attributes/lang/{index.html => index.md} | 0 .../ru/web/html/global_attributes/style/{index.html => index.md} | 0 .../web/html/global_attributes/tabindex/{index.html => index.md} | 0 files/ru/web/html/{index.html => index.md} | 0 files/ru/web/html/inline_elements/{index.html => index.md} | 0 files/ru/web/html/link_types/{index.html => index.md} | 0 .../html/quirks_mode_and_standards_mode/{index.html => index.md} | 0 files/ru/web/html/reference/{index.html => index.md} | 0 128 files changed, 0 insertions(+), 0 deletions(-) rename files/ru/web/html/attributes/crossorigin/{index.html => index.md} (100%) rename files/ru/web/html/attributes/{index.html => index.md} (100%) rename files/ru/web/html/attributes/pattern/{index.html => index.md} (100%) rename files/ru/web/html/block-level_elements/{index.html => index.md} (100%) rename files/ru/web/html/cors_enabled_image/{index.html => index.md} (100%) rename files/ru/web/html/element/a/{index.html => index.md} (100%) rename files/ru/web/html/element/abbr/{index.html => index.md} (100%) rename files/ru/web/html/element/acronym/{index.html => index.md} (100%) rename files/ru/web/html/element/address/{index.html => index.md} (100%) rename files/ru/web/html/element/applet/{index.html => index.md} (100%) rename files/ru/web/html/element/area/{index.html => index.md} (100%) rename files/ru/web/html/element/article/{index.html => index.md} (100%) rename files/ru/web/html/element/aside/{index.html => index.md} (100%) rename files/ru/web/html/element/audio/{index.html => index.md} (100%) rename files/ru/web/html/element/b/{index.html => index.md} (100%) rename files/ru/web/html/element/base/{index.html => index.md} (100%) rename files/ru/web/html/element/bdi/{index.html => index.md} (100%) rename files/ru/web/html/element/bdo/{index.html => index.md} (100%) rename files/ru/web/html/element/blockquote/{index.html => index.md} (100%) rename files/ru/web/html/element/body/{index.html => index.md} (100%) rename files/ru/web/html/element/br/{index.html => index.md} (100%) rename files/ru/web/html/element/button/{index.html => index.md} (100%) rename files/ru/web/html/element/canvas/{index.html => index.md} (100%) rename files/ru/web/html/element/caption/{index.html => index.md} (100%) rename files/ru/web/html/element/cite/{index.html => index.md} (100%) rename files/ru/web/html/element/code/{index.html => index.md} (100%) rename files/ru/web/html/element/col/{index.html => index.md} (100%) rename files/ru/web/html/element/data/{index.html => index.md} (100%) rename files/ru/web/html/element/datalist/{index.html => index.md} (100%) rename files/ru/web/html/element/dd/{index.html => index.md} (100%) rename files/ru/web/html/element/del/{index.html => index.md} (100%) rename files/ru/web/html/element/details/{index.html => index.md} (100%) rename files/ru/web/html/element/dfn/{index.html => index.md} (100%) rename files/ru/web/html/element/dialog/{index.html => index.md} (100%) rename files/ru/web/html/element/div/{index.html => index.md} (100%) rename files/ru/web/html/element/dl/{index.html => index.md} (100%) rename files/ru/web/html/element/dt/{index.html => index.md} (100%) rename files/ru/web/html/element/em/{index.html => index.md} (100%) rename files/ru/web/html/element/embed/{index.html => index.md} (100%) rename files/ru/web/html/element/fieldset/{index.html => index.md} (100%) rename files/ru/web/html/element/figcaption/{index.html => index.md} (100%) rename files/ru/web/html/element/figure/{index.html => index.md} (100%) rename files/ru/web/html/element/font/{index.html => index.md} (100%) rename files/ru/web/html/element/footer/{index.html => index.md} (100%) rename files/ru/web/html/element/form/{index.html => index.md} (100%) rename files/ru/web/html/element/head/{index.html => index.md} (100%) rename files/ru/web/html/element/header/{index.html => index.md} (100%) rename files/ru/web/html/element/heading_elements/{index.html => index.md} (100%) rename files/ru/web/html/element/hgroup/{index.html => index.md} (100%) rename files/ru/web/html/element/hr/{index.html => index.md} (100%) rename files/ru/web/html/element/html/{index.html => index.md} (100%) rename files/ru/web/html/element/image/{index.html => index.md} (100%) rename files/ru/web/html/element/img/{index.html => index.md} (100%) rename files/ru/web/html/element/{index.html => index.md} (100%) rename files/ru/web/html/element/input/button/{index.html => index.md} (100%) rename files/ru/web/html/element/input/color/{index.html => index.md} (100%) rename files/ru/web/html/element/input/date/{index.html => index.md} (100%) rename files/ru/web/html/element/input/datetime-local/{index.html => index.md} (100%) rename files/ru/web/html/element/input/file/{index.html => index.md} (100%) rename files/ru/web/html/element/input/image/{index.html => index.md} (100%) rename files/ru/web/html/element/input/{index.html => index.md} (100%) rename files/ru/web/html/element/input/number/{index.html => index.md} (100%) rename files/ru/web/html/element/input/password/{index.html => index.md} (100%) rename files/ru/web/html/element/input/radio/{index.html => index.md} (100%) rename files/ru/web/html/element/input/range/{index.html => index.md} (100%) rename files/ru/web/html/element/input/search/{index.html => index.md} (100%) rename files/ru/web/html/element/input/tel/{index.html => index.md} (100%) rename files/ru/web/html/element/ins/{index.html => index.md} (100%) rename files/ru/web/html/element/kbd/{index.html => index.md} (100%) rename files/ru/web/html/element/label/{index.html => index.md} (100%) rename files/ru/web/html/element/legend/{index.html => index.md} (100%) rename files/ru/web/html/element/li/{index.html => index.md} (100%) rename files/ru/web/html/element/link/{index.html => index.md} (100%) rename files/ru/web/html/element/main/{index.html => index.md} (100%) rename files/ru/web/html/element/map/{index.html => index.md} (100%) rename files/ru/web/html/element/mark/{index.html => index.md} (100%) rename files/ru/web/html/element/marquee/{index.html => index.md} (100%) rename files/ru/web/html/element/menu/{index.html => index.md} (100%) rename files/ru/web/html/element/meta/{index.html => index.md} (100%) rename files/ru/web/html/element/meter/{index.html => index.md} (100%) rename files/ru/web/html/element/nav/{index.html => index.md} (100%) rename files/ru/web/html/element/noscript/{index.html => index.md} (100%) rename files/ru/web/html/element/ol/{index.html => index.md} (100%) rename files/ru/web/html/element/optgroup/{index.html => index.md} (100%) rename files/ru/web/html/element/option/{index.html => index.md} (100%) rename files/ru/web/html/element/output/{index.html => index.md} (100%) rename files/ru/web/html/element/p/{index.html => index.md} (100%) rename files/ru/web/html/element/picture/{index.html => index.md} (100%) rename files/ru/web/html/element/pre/{index.html => index.md} (100%) rename files/ru/web/html/element/progress/{index.html => index.md} (100%) rename files/ru/web/html/element/ruby/{index.html => index.md} (100%) rename files/ru/web/html/element/script/{index.html => index.md} (100%) rename files/ru/web/html/element/section/{index.html => index.md} (100%) rename files/ru/web/html/element/select/{index.html => index.md} (100%) rename files/ru/web/html/element/slot/{index.html => index.md} (100%) rename files/ru/web/html/element/source/{index.html => index.md} (100%) rename files/ru/web/html/element/span/{index.html => index.md} (100%) rename files/ru/web/html/element/strong/{index.html => index.md} (100%) rename files/ru/web/html/element/style/{index.html => index.md} (100%) rename files/ru/web/html/element/summary/{index.html => index.md} (100%) rename files/ru/web/html/element/td/{index.html => index.md} (100%) rename files/ru/web/html/element/template/{index.html => index.md} (100%) rename files/ru/web/html/element/tfoot/{index.html => index.md} (100%) rename files/ru/web/html/element/time/{index.html => index.md} (100%) rename files/ru/web/html/element/title/{index.html => index.md} (100%) rename files/ru/web/html/element/track/{index.html => index.md} (100%) rename files/ru/web/html/element/u/{index.html => index.md} (100%) rename files/ru/web/html/element/ul/{index.html => index.md} (100%) rename files/ru/web/html/element/video/{index.html => index.md} (100%) rename files/ru/web/html/element/wbr/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/accesskey/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/class/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/contenteditable/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/data-_star_/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/dir/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/id/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/inputmode/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/is/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/itemid/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/lang/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/style/{index.html => index.md} (100%) rename files/ru/web/html/global_attributes/tabindex/{index.html => index.md} (100%) rename files/ru/web/html/{index.html => index.md} (100%) rename files/ru/web/html/inline_elements/{index.html => index.md} (100%) rename files/ru/web/html/link_types/{index.html => index.md} (100%) rename files/ru/web/html/quirks_mode_and_standards_mode/{index.html => index.md} (100%) rename files/ru/web/html/reference/{index.html => index.md} (100%) diff --git a/files/ru/web/html/attributes/crossorigin/index.html b/files/ru/web/html/attributes/crossorigin/index.md similarity index 100% rename from files/ru/web/html/attributes/crossorigin/index.html rename to files/ru/web/html/attributes/crossorigin/index.md diff --git a/files/ru/web/html/attributes/index.html b/files/ru/web/html/attributes/index.md similarity index 100% rename from files/ru/web/html/attributes/index.html rename to files/ru/web/html/attributes/index.md diff --git a/files/ru/web/html/attributes/pattern/index.html b/files/ru/web/html/attributes/pattern/index.md similarity index 100% rename from files/ru/web/html/attributes/pattern/index.html rename to files/ru/web/html/attributes/pattern/index.md diff --git a/files/ru/web/html/block-level_elements/index.html b/files/ru/web/html/block-level_elements/index.md similarity index 100% rename from files/ru/web/html/block-level_elements/index.html rename to files/ru/web/html/block-level_elements/index.md diff --git a/files/ru/web/html/cors_enabled_image/index.html b/files/ru/web/html/cors_enabled_image/index.md similarity index 100% rename from files/ru/web/html/cors_enabled_image/index.html rename to files/ru/web/html/cors_enabled_image/index.md diff --git a/files/ru/web/html/element/a/index.html b/files/ru/web/html/element/a/index.md similarity index 100% rename from files/ru/web/html/element/a/index.html rename to files/ru/web/html/element/a/index.md diff --git a/files/ru/web/html/element/abbr/index.html b/files/ru/web/html/element/abbr/index.md similarity index 100% rename from files/ru/web/html/element/abbr/index.html rename to files/ru/web/html/element/abbr/index.md diff --git a/files/ru/web/html/element/acronym/index.html b/files/ru/web/html/element/acronym/index.md similarity index 100% rename from files/ru/web/html/element/acronym/index.html rename to files/ru/web/html/element/acronym/index.md diff --git a/files/ru/web/html/element/address/index.html b/files/ru/web/html/element/address/index.md similarity index 100% rename from files/ru/web/html/element/address/index.html rename to files/ru/web/html/element/address/index.md diff --git a/files/ru/web/html/element/applet/index.html b/files/ru/web/html/element/applet/index.md similarity index 100% rename from files/ru/web/html/element/applet/index.html rename to files/ru/web/html/element/applet/index.md diff --git a/files/ru/web/html/element/area/index.html b/files/ru/web/html/element/area/index.md similarity index 100% rename from files/ru/web/html/element/area/index.html rename to files/ru/web/html/element/area/index.md diff --git a/files/ru/web/html/element/article/index.html b/files/ru/web/html/element/article/index.md similarity index 100% rename from files/ru/web/html/element/article/index.html rename to files/ru/web/html/element/article/index.md diff --git a/files/ru/web/html/element/aside/index.html b/files/ru/web/html/element/aside/index.md similarity index 100% rename from files/ru/web/html/element/aside/index.html rename to files/ru/web/html/element/aside/index.md diff --git a/files/ru/web/html/element/audio/index.html b/files/ru/web/html/element/audio/index.md similarity index 100% rename from files/ru/web/html/element/audio/index.html rename to files/ru/web/html/element/audio/index.md diff --git a/files/ru/web/html/element/b/index.html b/files/ru/web/html/element/b/index.md similarity index 100% rename from files/ru/web/html/element/b/index.html rename to files/ru/web/html/element/b/index.md diff --git a/files/ru/web/html/element/base/index.html b/files/ru/web/html/element/base/index.md similarity index 100% rename from files/ru/web/html/element/base/index.html rename to files/ru/web/html/element/base/index.md diff --git a/files/ru/web/html/element/bdi/index.html b/files/ru/web/html/element/bdi/index.md similarity index 100% rename from files/ru/web/html/element/bdi/index.html rename to files/ru/web/html/element/bdi/index.md diff --git a/files/ru/web/html/element/bdo/index.html b/files/ru/web/html/element/bdo/index.md similarity index 100% rename from files/ru/web/html/element/bdo/index.html rename to files/ru/web/html/element/bdo/index.md diff --git a/files/ru/web/html/element/blockquote/index.html b/files/ru/web/html/element/blockquote/index.md similarity index 100% rename from files/ru/web/html/element/blockquote/index.html rename to files/ru/web/html/element/blockquote/index.md diff --git a/files/ru/web/html/element/body/index.html b/files/ru/web/html/element/body/index.md similarity index 100% rename from files/ru/web/html/element/body/index.html rename to files/ru/web/html/element/body/index.md diff --git a/files/ru/web/html/element/br/index.html b/files/ru/web/html/element/br/index.md similarity index 100% rename from files/ru/web/html/element/br/index.html rename to files/ru/web/html/element/br/index.md diff --git a/files/ru/web/html/element/button/index.html b/files/ru/web/html/element/button/index.md similarity index 100% rename from files/ru/web/html/element/button/index.html rename to files/ru/web/html/element/button/index.md diff --git a/files/ru/web/html/element/canvas/index.html b/files/ru/web/html/element/canvas/index.md similarity index 100% rename from files/ru/web/html/element/canvas/index.html rename to files/ru/web/html/element/canvas/index.md diff --git a/files/ru/web/html/element/caption/index.html b/files/ru/web/html/element/caption/index.md similarity index 100% rename from files/ru/web/html/element/caption/index.html rename to files/ru/web/html/element/caption/index.md diff --git a/files/ru/web/html/element/cite/index.html b/files/ru/web/html/element/cite/index.md similarity index 100% rename from files/ru/web/html/element/cite/index.html rename to files/ru/web/html/element/cite/index.md diff --git a/files/ru/web/html/element/code/index.html b/files/ru/web/html/element/code/index.md similarity index 100% rename from files/ru/web/html/element/code/index.html rename to files/ru/web/html/element/code/index.md diff --git a/files/ru/web/html/element/col/index.html b/files/ru/web/html/element/col/index.md similarity index 100% rename from files/ru/web/html/element/col/index.html rename to files/ru/web/html/element/col/index.md diff --git a/files/ru/web/html/element/data/index.html b/files/ru/web/html/element/data/index.md similarity index 100% rename from files/ru/web/html/element/data/index.html rename to files/ru/web/html/element/data/index.md diff --git a/files/ru/web/html/element/datalist/index.html b/files/ru/web/html/element/datalist/index.md similarity index 100% rename from files/ru/web/html/element/datalist/index.html rename to files/ru/web/html/element/datalist/index.md diff --git a/files/ru/web/html/element/dd/index.html b/files/ru/web/html/element/dd/index.md similarity index 100% rename from files/ru/web/html/element/dd/index.html rename to files/ru/web/html/element/dd/index.md diff --git a/files/ru/web/html/element/del/index.html b/files/ru/web/html/element/del/index.md similarity index 100% rename from files/ru/web/html/element/del/index.html rename to files/ru/web/html/element/del/index.md diff --git a/files/ru/web/html/element/details/index.html b/files/ru/web/html/element/details/index.md similarity index 100% rename from files/ru/web/html/element/details/index.html rename to files/ru/web/html/element/details/index.md diff --git a/files/ru/web/html/element/dfn/index.html b/files/ru/web/html/element/dfn/index.md similarity index 100% rename from files/ru/web/html/element/dfn/index.html rename to files/ru/web/html/element/dfn/index.md diff --git a/files/ru/web/html/element/dialog/index.html b/files/ru/web/html/element/dialog/index.md similarity index 100% rename from files/ru/web/html/element/dialog/index.html rename to files/ru/web/html/element/dialog/index.md diff --git a/files/ru/web/html/element/div/index.html b/files/ru/web/html/element/div/index.md similarity index 100% rename from files/ru/web/html/element/div/index.html rename to files/ru/web/html/element/div/index.md diff --git a/files/ru/web/html/element/dl/index.html b/files/ru/web/html/element/dl/index.md similarity index 100% rename from files/ru/web/html/element/dl/index.html rename to files/ru/web/html/element/dl/index.md diff --git a/files/ru/web/html/element/dt/index.html b/files/ru/web/html/element/dt/index.md similarity index 100% rename from files/ru/web/html/element/dt/index.html rename to files/ru/web/html/element/dt/index.md diff --git a/files/ru/web/html/element/em/index.html b/files/ru/web/html/element/em/index.md similarity index 100% rename from files/ru/web/html/element/em/index.html rename to files/ru/web/html/element/em/index.md diff --git a/files/ru/web/html/element/embed/index.html b/files/ru/web/html/element/embed/index.md similarity index 100% rename from files/ru/web/html/element/embed/index.html rename to files/ru/web/html/element/embed/index.md diff --git a/files/ru/web/html/element/fieldset/index.html b/files/ru/web/html/element/fieldset/index.md similarity index 100% rename from files/ru/web/html/element/fieldset/index.html rename to files/ru/web/html/element/fieldset/index.md diff --git a/files/ru/web/html/element/figcaption/index.html b/files/ru/web/html/element/figcaption/index.md similarity index 100% rename from files/ru/web/html/element/figcaption/index.html rename to files/ru/web/html/element/figcaption/index.md diff --git a/files/ru/web/html/element/figure/index.html b/files/ru/web/html/element/figure/index.md similarity index 100% rename from files/ru/web/html/element/figure/index.html rename to files/ru/web/html/element/figure/index.md diff --git a/files/ru/web/html/element/font/index.html b/files/ru/web/html/element/font/index.md similarity index 100% rename from files/ru/web/html/element/font/index.html rename to files/ru/web/html/element/font/index.md diff --git a/files/ru/web/html/element/footer/index.html b/files/ru/web/html/element/footer/index.md similarity index 100% rename from files/ru/web/html/element/footer/index.html rename to files/ru/web/html/element/footer/index.md diff --git a/files/ru/web/html/element/form/index.html b/files/ru/web/html/element/form/index.md similarity index 100% rename from files/ru/web/html/element/form/index.html rename to files/ru/web/html/element/form/index.md diff --git a/files/ru/web/html/element/head/index.html b/files/ru/web/html/element/head/index.md similarity index 100% rename from files/ru/web/html/element/head/index.html rename to files/ru/web/html/element/head/index.md diff --git a/files/ru/web/html/element/header/index.html b/files/ru/web/html/element/header/index.md similarity index 100% rename from files/ru/web/html/element/header/index.html rename to files/ru/web/html/element/header/index.md diff --git a/files/ru/web/html/element/heading_elements/index.html b/files/ru/web/html/element/heading_elements/index.md similarity index 100% rename from files/ru/web/html/element/heading_elements/index.html rename to files/ru/web/html/element/heading_elements/index.md diff --git a/files/ru/web/html/element/hgroup/index.html b/files/ru/web/html/element/hgroup/index.md similarity index 100% rename from files/ru/web/html/element/hgroup/index.html rename to files/ru/web/html/element/hgroup/index.md diff --git a/files/ru/web/html/element/hr/index.html b/files/ru/web/html/element/hr/index.md similarity index 100% rename from files/ru/web/html/element/hr/index.html rename to files/ru/web/html/element/hr/index.md diff --git a/files/ru/web/html/element/html/index.html b/files/ru/web/html/element/html/index.md similarity index 100% rename from files/ru/web/html/element/html/index.html rename to files/ru/web/html/element/html/index.md diff --git a/files/ru/web/html/element/image/index.html b/files/ru/web/html/element/image/index.md similarity index 100% rename from files/ru/web/html/element/image/index.html rename to files/ru/web/html/element/image/index.md diff --git a/files/ru/web/html/element/img/index.html b/files/ru/web/html/element/img/index.md similarity index 100% rename from files/ru/web/html/element/img/index.html rename to files/ru/web/html/element/img/index.md diff --git a/files/ru/web/html/element/index.html b/files/ru/web/html/element/index.md similarity index 100% rename from files/ru/web/html/element/index.html rename to files/ru/web/html/element/index.md diff --git a/files/ru/web/html/element/input/button/index.html b/files/ru/web/html/element/input/button/index.md similarity index 100% rename from files/ru/web/html/element/input/button/index.html rename to files/ru/web/html/element/input/button/index.md diff --git a/files/ru/web/html/element/input/color/index.html b/files/ru/web/html/element/input/color/index.md similarity index 100% rename from files/ru/web/html/element/input/color/index.html rename to files/ru/web/html/element/input/color/index.md diff --git a/files/ru/web/html/element/input/date/index.html b/files/ru/web/html/element/input/date/index.md similarity index 100% rename from files/ru/web/html/element/input/date/index.html rename to files/ru/web/html/element/input/date/index.md diff --git a/files/ru/web/html/element/input/datetime-local/index.html b/files/ru/web/html/element/input/datetime-local/index.md similarity index 100% rename from files/ru/web/html/element/input/datetime-local/index.html rename to files/ru/web/html/element/input/datetime-local/index.md diff --git a/files/ru/web/html/element/input/file/index.html b/files/ru/web/html/element/input/file/index.md similarity index 100% rename from files/ru/web/html/element/input/file/index.html rename to files/ru/web/html/element/input/file/index.md diff --git a/files/ru/web/html/element/input/image/index.html b/files/ru/web/html/element/input/image/index.md similarity index 100% rename from files/ru/web/html/element/input/image/index.html rename to files/ru/web/html/element/input/image/index.md diff --git a/files/ru/web/html/element/input/index.html b/files/ru/web/html/element/input/index.md similarity index 100% rename from files/ru/web/html/element/input/index.html rename to files/ru/web/html/element/input/index.md diff --git a/files/ru/web/html/element/input/number/index.html b/files/ru/web/html/element/input/number/index.md similarity index 100% rename from files/ru/web/html/element/input/number/index.html rename to files/ru/web/html/element/input/number/index.md diff --git a/files/ru/web/html/element/input/password/index.html b/files/ru/web/html/element/input/password/index.md similarity index 100% rename from files/ru/web/html/element/input/password/index.html rename to files/ru/web/html/element/input/password/index.md diff --git a/files/ru/web/html/element/input/radio/index.html b/files/ru/web/html/element/input/radio/index.md similarity index 100% rename from files/ru/web/html/element/input/radio/index.html rename to files/ru/web/html/element/input/radio/index.md diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.md similarity index 100% rename from files/ru/web/html/element/input/range/index.html rename to files/ru/web/html/element/input/range/index.md diff --git a/files/ru/web/html/element/input/search/index.html b/files/ru/web/html/element/input/search/index.md similarity index 100% rename from files/ru/web/html/element/input/search/index.html rename to files/ru/web/html/element/input/search/index.md diff --git a/files/ru/web/html/element/input/tel/index.html b/files/ru/web/html/element/input/tel/index.md similarity index 100% rename from files/ru/web/html/element/input/tel/index.html rename to files/ru/web/html/element/input/tel/index.md diff --git a/files/ru/web/html/element/ins/index.html b/files/ru/web/html/element/ins/index.md similarity index 100% rename from files/ru/web/html/element/ins/index.html rename to files/ru/web/html/element/ins/index.md diff --git a/files/ru/web/html/element/kbd/index.html b/files/ru/web/html/element/kbd/index.md similarity index 100% rename from files/ru/web/html/element/kbd/index.html rename to files/ru/web/html/element/kbd/index.md diff --git a/files/ru/web/html/element/label/index.html b/files/ru/web/html/element/label/index.md similarity index 100% rename from files/ru/web/html/element/label/index.html rename to files/ru/web/html/element/label/index.md diff --git a/files/ru/web/html/element/legend/index.html b/files/ru/web/html/element/legend/index.md similarity index 100% rename from files/ru/web/html/element/legend/index.html rename to files/ru/web/html/element/legend/index.md diff --git a/files/ru/web/html/element/li/index.html b/files/ru/web/html/element/li/index.md similarity index 100% rename from files/ru/web/html/element/li/index.html rename to files/ru/web/html/element/li/index.md diff --git a/files/ru/web/html/element/link/index.html b/files/ru/web/html/element/link/index.md similarity index 100% rename from files/ru/web/html/element/link/index.html rename to files/ru/web/html/element/link/index.md diff --git a/files/ru/web/html/element/main/index.html b/files/ru/web/html/element/main/index.md similarity index 100% rename from files/ru/web/html/element/main/index.html rename to files/ru/web/html/element/main/index.md diff --git a/files/ru/web/html/element/map/index.html b/files/ru/web/html/element/map/index.md similarity index 100% rename from files/ru/web/html/element/map/index.html rename to files/ru/web/html/element/map/index.md diff --git a/files/ru/web/html/element/mark/index.html b/files/ru/web/html/element/mark/index.md similarity index 100% rename from files/ru/web/html/element/mark/index.html rename to files/ru/web/html/element/mark/index.md diff --git a/files/ru/web/html/element/marquee/index.html b/files/ru/web/html/element/marquee/index.md similarity index 100% rename from files/ru/web/html/element/marquee/index.html rename to files/ru/web/html/element/marquee/index.md diff --git a/files/ru/web/html/element/menu/index.html b/files/ru/web/html/element/menu/index.md similarity index 100% rename from files/ru/web/html/element/menu/index.html rename to files/ru/web/html/element/menu/index.md diff --git a/files/ru/web/html/element/meta/index.html b/files/ru/web/html/element/meta/index.md similarity index 100% rename from files/ru/web/html/element/meta/index.html rename to files/ru/web/html/element/meta/index.md diff --git a/files/ru/web/html/element/meter/index.html b/files/ru/web/html/element/meter/index.md similarity index 100% rename from files/ru/web/html/element/meter/index.html rename to files/ru/web/html/element/meter/index.md diff --git a/files/ru/web/html/element/nav/index.html b/files/ru/web/html/element/nav/index.md similarity index 100% rename from files/ru/web/html/element/nav/index.html rename to files/ru/web/html/element/nav/index.md diff --git a/files/ru/web/html/element/noscript/index.html b/files/ru/web/html/element/noscript/index.md similarity index 100% rename from files/ru/web/html/element/noscript/index.html rename to files/ru/web/html/element/noscript/index.md diff --git a/files/ru/web/html/element/ol/index.html b/files/ru/web/html/element/ol/index.md similarity index 100% rename from files/ru/web/html/element/ol/index.html rename to files/ru/web/html/element/ol/index.md diff --git a/files/ru/web/html/element/optgroup/index.html b/files/ru/web/html/element/optgroup/index.md similarity index 100% rename from files/ru/web/html/element/optgroup/index.html rename to files/ru/web/html/element/optgroup/index.md diff --git a/files/ru/web/html/element/option/index.html b/files/ru/web/html/element/option/index.md similarity index 100% rename from files/ru/web/html/element/option/index.html rename to files/ru/web/html/element/option/index.md diff --git a/files/ru/web/html/element/output/index.html b/files/ru/web/html/element/output/index.md similarity index 100% rename from files/ru/web/html/element/output/index.html rename to files/ru/web/html/element/output/index.md diff --git a/files/ru/web/html/element/p/index.html b/files/ru/web/html/element/p/index.md similarity index 100% rename from files/ru/web/html/element/p/index.html rename to files/ru/web/html/element/p/index.md diff --git a/files/ru/web/html/element/picture/index.html b/files/ru/web/html/element/picture/index.md similarity index 100% rename from files/ru/web/html/element/picture/index.html rename to files/ru/web/html/element/picture/index.md diff --git a/files/ru/web/html/element/pre/index.html b/files/ru/web/html/element/pre/index.md similarity index 100% rename from files/ru/web/html/element/pre/index.html rename to files/ru/web/html/element/pre/index.md diff --git a/files/ru/web/html/element/progress/index.html b/files/ru/web/html/element/progress/index.md similarity index 100% rename from files/ru/web/html/element/progress/index.html rename to files/ru/web/html/element/progress/index.md diff --git a/files/ru/web/html/element/ruby/index.html b/files/ru/web/html/element/ruby/index.md similarity index 100% rename from files/ru/web/html/element/ruby/index.html rename to files/ru/web/html/element/ruby/index.md diff --git a/files/ru/web/html/element/script/index.html b/files/ru/web/html/element/script/index.md similarity index 100% rename from files/ru/web/html/element/script/index.html rename to files/ru/web/html/element/script/index.md diff --git a/files/ru/web/html/element/section/index.html b/files/ru/web/html/element/section/index.md similarity index 100% rename from files/ru/web/html/element/section/index.html rename to files/ru/web/html/element/section/index.md diff --git a/files/ru/web/html/element/select/index.html b/files/ru/web/html/element/select/index.md similarity index 100% rename from files/ru/web/html/element/select/index.html rename to files/ru/web/html/element/select/index.md diff --git a/files/ru/web/html/element/slot/index.html b/files/ru/web/html/element/slot/index.md similarity index 100% rename from files/ru/web/html/element/slot/index.html rename to files/ru/web/html/element/slot/index.md diff --git a/files/ru/web/html/element/source/index.html b/files/ru/web/html/element/source/index.md similarity index 100% rename from files/ru/web/html/element/source/index.html rename to files/ru/web/html/element/source/index.md diff --git a/files/ru/web/html/element/span/index.html b/files/ru/web/html/element/span/index.md similarity index 100% rename from files/ru/web/html/element/span/index.html rename to files/ru/web/html/element/span/index.md diff --git a/files/ru/web/html/element/strong/index.html b/files/ru/web/html/element/strong/index.md similarity index 100% rename from files/ru/web/html/element/strong/index.html rename to files/ru/web/html/element/strong/index.md diff --git a/files/ru/web/html/element/style/index.html b/files/ru/web/html/element/style/index.md similarity index 100% rename from files/ru/web/html/element/style/index.html rename to files/ru/web/html/element/style/index.md diff --git a/files/ru/web/html/element/summary/index.html b/files/ru/web/html/element/summary/index.md similarity index 100% rename from files/ru/web/html/element/summary/index.html rename to files/ru/web/html/element/summary/index.md diff --git a/files/ru/web/html/element/td/index.html b/files/ru/web/html/element/td/index.md similarity index 100% rename from files/ru/web/html/element/td/index.html rename to files/ru/web/html/element/td/index.md diff --git a/files/ru/web/html/element/template/index.html b/files/ru/web/html/element/template/index.md similarity index 100% rename from files/ru/web/html/element/template/index.html rename to files/ru/web/html/element/template/index.md diff --git a/files/ru/web/html/element/tfoot/index.html b/files/ru/web/html/element/tfoot/index.md similarity index 100% rename from files/ru/web/html/element/tfoot/index.html rename to files/ru/web/html/element/tfoot/index.md diff --git a/files/ru/web/html/element/time/index.html b/files/ru/web/html/element/time/index.md similarity index 100% rename from files/ru/web/html/element/time/index.html rename to files/ru/web/html/element/time/index.md diff --git a/files/ru/web/html/element/title/index.html b/files/ru/web/html/element/title/index.md similarity index 100% rename from files/ru/web/html/element/title/index.html rename to files/ru/web/html/element/title/index.md diff --git a/files/ru/web/html/element/track/index.html b/files/ru/web/html/element/track/index.md similarity index 100% rename from files/ru/web/html/element/track/index.html rename to files/ru/web/html/element/track/index.md diff --git a/files/ru/web/html/element/u/index.html b/files/ru/web/html/element/u/index.md similarity index 100% rename from files/ru/web/html/element/u/index.html rename to files/ru/web/html/element/u/index.md diff --git a/files/ru/web/html/element/ul/index.html b/files/ru/web/html/element/ul/index.md similarity index 100% rename from files/ru/web/html/element/ul/index.html rename to files/ru/web/html/element/ul/index.md diff --git a/files/ru/web/html/element/video/index.html b/files/ru/web/html/element/video/index.md similarity index 100% rename from files/ru/web/html/element/video/index.html rename to files/ru/web/html/element/video/index.md diff --git a/files/ru/web/html/element/wbr/index.html b/files/ru/web/html/element/wbr/index.md similarity index 100% rename from files/ru/web/html/element/wbr/index.html rename to files/ru/web/html/element/wbr/index.md diff --git a/files/ru/web/html/global_attributes/accesskey/index.html b/files/ru/web/html/global_attributes/accesskey/index.md similarity index 100% rename from files/ru/web/html/global_attributes/accesskey/index.html rename to files/ru/web/html/global_attributes/accesskey/index.md diff --git a/files/ru/web/html/global_attributes/class/index.html b/files/ru/web/html/global_attributes/class/index.md similarity index 100% rename from files/ru/web/html/global_attributes/class/index.html rename to files/ru/web/html/global_attributes/class/index.md diff --git a/files/ru/web/html/global_attributes/contenteditable/index.html b/files/ru/web/html/global_attributes/contenteditable/index.md similarity index 100% rename from files/ru/web/html/global_attributes/contenteditable/index.html rename to files/ru/web/html/global_attributes/contenteditable/index.md diff --git a/files/ru/web/html/global_attributes/data-_star_/index.html b/files/ru/web/html/global_attributes/data-_star_/index.md similarity index 100% rename from files/ru/web/html/global_attributes/data-_star_/index.html rename to files/ru/web/html/global_attributes/data-_star_/index.md diff --git a/files/ru/web/html/global_attributes/dir/index.html b/files/ru/web/html/global_attributes/dir/index.md similarity index 100% rename from files/ru/web/html/global_attributes/dir/index.html rename to files/ru/web/html/global_attributes/dir/index.md diff --git a/files/ru/web/html/global_attributes/id/index.html b/files/ru/web/html/global_attributes/id/index.md similarity index 100% rename from files/ru/web/html/global_attributes/id/index.html rename to files/ru/web/html/global_attributes/id/index.md diff --git a/files/ru/web/html/global_attributes/index.html b/files/ru/web/html/global_attributes/index.md similarity index 100% rename from files/ru/web/html/global_attributes/index.html rename to files/ru/web/html/global_attributes/index.md diff --git a/files/ru/web/html/global_attributes/inputmode/index.html b/files/ru/web/html/global_attributes/inputmode/index.md similarity index 100% rename from files/ru/web/html/global_attributes/inputmode/index.html rename to files/ru/web/html/global_attributes/inputmode/index.md diff --git a/files/ru/web/html/global_attributes/is/index.html b/files/ru/web/html/global_attributes/is/index.md similarity index 100% rename from files/ru/web/html/global_attributes/is/index.html rename to files/ru/web/html/global_attributes/is/index.md diff --git a/files/ru/web/html/global_attributes/itemid/index.html b/files/ru/web/html/global_attributes/itemid/index.md similarity index 100% rename from files/ru/web/html/global_attributes/itemid/index.html rename to files/ru/web/html/global_attributes/itemid/index.md diff --git a/files/ru/web/html/global_attributes/lang/index.html b/files/ru/web/html/global_attributes/lang/index.md similarity index 100% rename from files/ru/web/html/global_attributes/lang/index.html rename to files/ru/web/html/global_attributes/lang/index.md diff --git a/files/ru/web/html/global_attributes/style/index.html b/files/ru/web/html/global_attributes/style/index.md similarity index 100% rename from files/ru/web/html/global_attributes/style/index.html rename to files/ru/web/html/global_attributes/style/index.md diff --git a/files/ru/web/html/global_attributes/tabindex/index.html b/files/ru/web/html/global_attributes/tabindex/index.md similarity index 100% rename from files/ru/web/html/global_attributes/tabindex/index.html rename to files/ru/web/html/global_attributes/tabindex/index.md diff --git a/files/ru/web/html/index.html b/files/ru/web/html/index.md similarity index 100% rename from files/ru/web/html/index.html rename to files/ru/web/html/index.md diff --git a/files/ru/web/html/inline_elements/index.html b/files/ru/web/html/inline_elements/index.md similarity index 100% rename from files/ru/web/html/inline_elements/index.html rename to files/ru/web/html/inline_elements/index.md diff --git a/files/ru/web/html/link_types/index.html b/files/ru/web/html/link_types/index.md similarity index 100% rename from files/ru/web/html/link_types/index.html rename to files/ru/web/html/link_types/index.md diff --git a/files/ru/web/html/quirks_mode_and_standards_mode/index.html b/files/ru/web/html/quirks_mode_and_standards_mode/index.md similarity index 100% rename from files/ru/web/html/quirks_mode_and_standards_mode/index.html rename to files/ru/web/html/quirks_mode_and_standards_mode/index.md diff --git a/files/ru/web/html/reference/index.html b/files/ru/web/html/reference/index.md similarity index 100% rename from files/ru/web/html/reference/index.html rename to files/ru/web/html/reference/index.md From 648ee941451364571e19e50d2263908ba5d80d60 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 13 Aug 2022 07:24:21 +0200 Subject: [PATCH 2/3] convert content to md --- .../web/html/attributes/crossorigin/index.md | 119 +-- files/ru/web/html/attributes/index.md | 775 ++++-------------- files/ru/web/html/attributes/pattern/index.md | 163 ++-- .../ru/web/html/block-level_elements/index.md | 207 +++-- files/ru/web/html/cors_enabled_image/index.md | 102 +-- files/ru/web/html/element/a/index.md | 405 ++++----- files/ru/web/html/element/abbr/index.md | 177 ++-- files/ru/web/html/element/acronym/index.md | 74 +- files/ru/web/html/element/address/index.md | 108 +-- files/ru/web/html/element/applet/index.md | 117 ++- files/ru/web/html/element/area/index.md | 259 +++--- files/ru/web/html/element/article/index.md | 162 ++-- files/ru/web/html/element/aside/index.md | 115 +-- files/ru/web/html/element/audio/index.md | 302 +++---- files/ru/web/html/element/b/index.md | 111 +-- files/ru/web/html/element/base/index.md | 82 +- files/ru/web/html/element/bdi/index.md | 128 ++- files/ru/web/html/element/bdo/index.md | 90 +- files/ru/web/html/element/blockquote/index.md | 110 +-- files/ru/web/html/element/body/index.md | 250 +++--- files/ru/web/html/element/br/index.md | 88 +- files/ru/web/html/element/button/index.md | 265 ++---- files/ru/web/html/element/canvas/index.md | 101 +-- files/ru/web/html/element/caption/index.md | 148 ++-- files/ru/web/html/element/cite/index.md | 81 +- files/ru/web/html/element/code/index.md | 91 +- files/ru/web/html/element/col/index.md | 277 ++----- files/ru/web/html/element/data/index.md | 78 +- files/ru/web/html/element/datalist/index.md | 111 +-- files/ru/web/html/element/dd/index.md | 75 +- files/ru/web/html/element/del/index.md | 173 ++-- files/ru/web/html/element/details/index.md | 170 ++-- files/ru/web/html/element/dfn/index.md | 197 ++--- files/ru/web/html/element/dialog/index.md | 240 +++--- files/ru/web/html/element/div/index.md | 132 ++- files/ru/web/html/element/dl/index.md | 240 +++--- files/ru/web/html/element/dt/index.md | 64 +- files/ru/web/html/element/em/index.md | 92 +-- files/ru/web/html/element/embed/index.md | 120 ++- files/ru/web/html/element/fieldset/index.md | 179 ++-- files/ru/web/html/element/figcaption/index.md | 62 +- files/ru/web/html/element/figure/index.md | 173 ++-- files/ru/web/html/element/font/index.md | 54 +- files/ru/web/html/element/footer/index.md | 106 +-- files/ru/web/html/element/form/index.md | 214 ++--- files/ru/web/html/element/head/index.md | 132 ++- files/ru/web/html/element/header/index.md | 133 ++- .../html/element/heading_elements/index.md | 399 ++++----- files/ru/web/html/element/hgroup/index.md | 75 +- files/ru/web/html/element/hr/index.md | 177 ++-- files/ru/web/html/element/html/index.md | 124 ++- files/ru/web/html/element/image/index.md | 12 +- files/ru/web/html/element/img/index.md | 506 +++++------- files/ru/web/html/element/index.md | 100 +-- .../ru/web/html/element/input/button/index.md | 274 +++---- .../ru/web/html/element/input/color/index.md | 180 ++-- files/ru/web/html/element/input/date/index.md | 499 +++++------ .../element/input/datetime-local/index.md | 517 ++++++------ files/ru/web/html/element/input/file/index.md | 424 +++++----- .../ru/web/html/element/input/image/index.md | 152 ++-- files/ru/web/html/element/input/index.md | 487 +++++------ .../ru/web/html/element/input/number/index.md | 452 +++++----- .../web/html/element/input/password/index.md | 243 +++--- .../ru/web/html/element/input/radio/index.md | 355 ++++---- .../ru/web/html/element/input/range/index.md | 609 +++++++------- .../ru/web/html/element/input/search/index.md | 546 ++++++------ files/ru/web/html/element/input/tel/index.md | 549 ++++++------- files/ru/web/html/element/ins/index.md | 75 +- files/ru/web/html/element/kbd/index.md | 225 +++-- files/ru/web/html/element/label/index.md | 175 ++-- files/ru/web/html/element/legend/index.md | 65 +- files/ru/web/html/element/li/index.md | 189 ++--- files/ru/web/html/element/link/index.md | 455 +++++----- files/ru/web/html/element/main/index.md | 163 ++-- files/ru/web/html/element/map/index.md | 126 ++- files/ru/web/html/element/mark/index.md | 74 +- files/ru/web/html/element/marquee/index.md | 132 ++- files/ru/web/html/element/menu/index.md | 303 +++---- files/ru/web/html/element/meta/index.md | 515 ++++-------- files/ru/web/html/element/meter/index.md | 133 ++- files/ru/web/html/element/nav/index.md | 90 +- files/ru/web/html/element/noscript/index.md | 93 +-- files/ru/web/html/element/ol/index.md | 300 +++---- files/ru/web/html/element/optgroup/index.md | 124 ++- files/ru/web/html/element/option/index.md | 79 +- files/ru/web/html/element/output/index.md | 90 +- files/ru/web/html/element/p/index.md | 167 ++-- files/ru/web/html/element/picture/index.md | 128 ++- files/ru/web/html/element/pre/index.md | 203 ++--- files/ru/web/html/element/progress/index.md | 110 +-- files/ru/web/html/element/ruby/index.md | 87 +- files/ru/web/html/element/script/index.md | 225 ++--- files/ru/web/html/element/section/index.md | 160 ++-- files/ru/web/html/element/select/index.md | 138 ++-- files/ru/web/html/element/slot/index.md | 100 +-- files/ru/web/html/element/source/index.md | 140 ++-- files/ru/web/html/element/span/index.md | 95 +-- files/ru/web/html/element/strong/index.md | 105 +-- files/ru/web/html/element/style/index.md | 100 ++- files/ru/web/html/element/summary/index.md | 175 ++-- files/ru/web/html/element/td/index.md | 230 ++---- files/ru/web/html/element/template/index.md | 162 ++-- files/ru/web/html/element/tfoot/index.md | 245 ++---- files/ru/web/html/element/time/index.md | 93 +-- files/ru/web/html/element/title/index.md | 105 +-- files/ru/web/html/element/track/index.md | 227 +++-- files/ru/web/html/element/u/index.md | 193 ++--- files/ru/web/html/element/ul/index.md | 248 +++--- files/ru/web/html/element/video/index.md | 251 +++--- files/ru/web/html/element/wbr/index.md | 141 ++-- .../html/global_attributes/accesskey/index.md | 159 ++-- .../web/html/global_attributes/class/index.md | 22 +- .../contenteditable/index.md | 36 +- .../global_attributes/data-_star_/index.md | 86 +- .../web/html/global_attributes/dir/index.md | 94 +-- .../ru/web/html/global_attributes/id/index.md | 29 +- files/ru/web/html/global_attributes/index.md | 180 ++-- .../html/global_attributes/inputmode/index.md | 62 +- .../ru/web/html/global_attributes/is/index.md | 34 +- .../html/global_attributes/itemid/index.md | 108 ++- .../web/html/global_attributes/lang/index.md | 55 +- .../web/html/global_attributes/style/index.md | 20 +- .../html/global_attributes/tabindex/index.md | 34 +- files/ru/web/html/index.md | 159 ++-- files/ru/web/html/inline_elements/index.md | 57 +- files/ru/web/html/link_types/index.md | 741 +++++++++++------ .../quirks_mode_and_standards_mode/index.md | 52 +- files/ru/web/html/reference/index.md | 30 +- 128 files changed, 9691 insertions(+), 13833 deletions(-) diff --git a/files/ru/web/html/attributes/crossorigin/index.md b/files/ru/web/html/attributes/crossorigin/index.md index d869fb8f02f2b2..cfed1f4a2174d7 100644 --- a/files/ru/web/html/attributes/crossorigin/index.md +++ b/files/ru/web/html/attributes/crossorigin/index.md @@ -4,78 +4,47 @@ slug: Web/HTML/Attributes/crossorigin translation_of: Web/HTML/Attributes/crossorigin original_slug: Web/HTML/CORS_settings_attributes --- -

В HTML5 некоторые теги поддерживают CORS, например {{ HTMLElement("img") }} или {{ HTMLElement("video") }}, имеют атрибут crossorigin (crossOrigin свойство), которое позволяет настроить CORS запросы для данных получаемых элементом. Эти атрибуты могут иметь следующие значения:

- - - - - - - - - - - - - - - - -
Ключевое словоОписание
anonymousCORS запросы от этого элемента не будут передавать учётные данные.
use-credentialsCORS запросы от этого элемента будут передавать учётные данные.
- -

По умолчанию (если значение атрибута не задано), CORS не используется вообще. Ключевое слово "anonymous" означает что не будет обмена учётных данных(user credentials) через cookies, client-side SSL сертификаты или HTTP аутентификацию как описано в Секции Терминология CORS спецификации.

- -

Неправильное ключевое слово или пустая строка, будет обработано как anonymous.

- -

Пример: crossorigin с тегом script

- -

Используя тег {{HTMLElement("script")}} вы можете указать браузеру выполнять код https://example.com/example-framework.js без передачи user-credentials.

- -
<script src="https://example.com/example-framework.js"
-        crossorigin="anonymous"></script>
- -

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

- - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}} - {{Spec2('HTML WHATWG')}}
{{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}} - {{Spec2('HTML WHATWG')}}
- -

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

- -

script crossorigin

- -

{{Compat("html.elements.script.crossorigin")}}

- -

video crossorigin

- -

{{Compat("html.elements.video.crossorigin")}}

- - - -

{{Compat("html.elements.link.crossorigin")}}

- -

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

- - +В HTML5 некоторые теги поддерживают [CORS](/ru/docs/HTTP/Access_control_CORS), например {{ HTMLElement("img") }} или {{ HTMLElement("video") }}, имеют атрибут `crossorigin` (`crossOrigin` свойство), которое позволяет настроить CORS запросы для данных получаемых элементом. Эти атрибуты могут иметь следующие значения: + +| Ключевое слово | Описание | +| ----------------- | ------------------------------------------------------------------ | +| `anonymous` | CORS запросы от этого элемента не будут передавать учётные данные. | +| `use-credentials` | CORS запросы от этого элемента будут передавать учётные данные. | + +По умолчанию (если значение атрибута не задано), CORS не используется вообще. Ключевое слово "anonymous" означает что не будет обмена **учётных данных**(user credentials) через cookies, client-side SSL сертификаты или HTTP аутентификацию как описано в [Секции Терминология CORS спецификации](http://www.w3.org/TR/cors/#user-credentials). + +Неправильное ключевое слово или пустая строка, будет обработано как `anonymous`. + +### Пример: crossorigin с тегом script + +Используя тег {{HTMLElement("script")}} вы можете указать браузеру выполнять код `https://example.com/example-framework.js` без передачи user-credentials. + +```html + +``` + +## Спецификации + +| Specification | Status | Comment | +| ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------- | +| {{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}} | {{Spec2('HTML WHATWG')}} | | +| {{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}} | {{Spec2('HTML WHATWG')}} | | + +## Поддержка браузерами + +### script crossorigin + +{{Compat("html.elements.script.crossorigin")}} + +### video crossorigin + +{{Compat("html.elements.video.crossorigin")}} + +### link crossorigin + +{{Compat("html.elements.link.crossorigin")}} + +## Смотрите также + +- [HTTP access control](/En/HTTP_access_control "en/HTTP access control") diff --git a/files/ru/web/html/attributes/index.md b/files/ru/web/html/attributes/index.md index 705bc626ee3359..56d1f9c747beeb 100644 --- a/files/ru/web/html/attributes/index.md +++ b/files/ru/web/html/attributes/index.md @@ -9,648 +9,155 @@ tags: - Атрибут translation_of: Web/HTML/Attributes --- -

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

+У элементов HTML есть **атрибуты**; это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей. -

Список атрибутов

+## Список атрибутов - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Имя атрибутаЭлементыОписание
hiddenГлобальный атрибутПредотвращает генерирование данного элемента, в то время как сохраняет дочерние элементы, например, элементы script, active.
high{{ HTMLElement("meter") }}Указывает нижнюю границу верхнего диапазона.
href{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }} URL связанного ресурса.
hreflang{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Указывает язык связанного ресурса.
http-equiv{{ HTMLElement("meta") }}
icon{{ HTMLElement("command") }}Указывает картинку, которая будет представлять команду.
idГлобальный атрибутЧасто используется с CSS для стилизации заданного элемента. Значение атрибута должно быть уникальным.
ismap{{ HTMLElement("img") }}Показывает, что изображение часть серверной карты изображений.
itempropГлобальный атрибут
keytype{{ HTMLElement("keygen") }}Указывает тип сгенерированного ключа.
kind{{ HTMLElement("track") }}Указывает вид дорожки текста.
label{{ HTMLElement("track") }}Указывает читабельный заголовок дорожки текста.
langГлобальный атрибутОпределяет язык для используемого элемента.
language{{ HTMLElement("script") }}Определяет язык скрипта, используемый в элементе.
list{{ HTMLElement("input") }}Задаёт список предустановленных опций для предложения пользователю.
loop{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}Указывает, следует ли медиа элементам начинать проигрывание сначала, после их завершения.
low{{ HTMLElement("meter") }}Указывает верхнюю границу нижнего диапазона.
manifest{{ HTMLElement("html") }}Задаёт URL кешированного манифеста документа.
max{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}Указывает максимальное допустимое значение.
maxlength{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Определяет максимальное количество символов, допустимых в элементе.
media{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}Задаёт подсказку медиа, для которой, связанный ресурс был спроектирован.
method{{ HTMLElement("form") }}Определяет, какой HTTP метод использовать, когда отправляются данные формы. Может быть GET (по умолчанию) или POST.
min{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}Показывает минимальное допустимое значение.
multiple{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Показывает могут ли быть выбраны множественные значения в input типа email или file.
name{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}Имя элемента. К примеру, используется сервером для определения полей отправленной формы.
novalidate{{ HTMLElement("form") }}Этот атрибут указывает, что форма не должна проверяться, когда передаётся на сервер.
open{{ HTMLElement("details") }}Указывает, отображать ли детали при загрузки страницы.
optimum{{ HTMLElement("meter") }}Указывает оптимальное числовое значение.
pattern{{ HTMLElement("input") }}Определяет регулярное выражение, которое будет проверять входные данные элемента.
ping{{ HTMLElement("a") }}, {{ HTMLElement("area") }}
placeholder{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Предоставляет подсказку пользователю, касательно того, что можно ввести в поле.
poster{{ HTMLElement("video") }}URL указывающий блок постера для показа, пока пользователь играет или ищет.
preload{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Указывает загружать ли ресурс целиком, его часть или не загружать вовсе.
pubdate{{ HTMLElement("time") }}Указывает, что эта дата и время являются ли датой ближайшего элемента предка {{ HTMLElement("article") }}.
radiogroup{{ HTMLElement("command") }}
readonly{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Указывает, можно ли редактировать элемент.
rel{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Задаёт отношение целевого объекта к объекту ссылки.
required{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Указывает, необходимо ли заполнять этот элемент или нет.
reversed{{ HTMLElement("ol") }}Указывает, отображать ли список по убыванию, вместо того, чтобы показывать его по возрастанию.
rows{{ HTMLElement("textarea") }}Определяет количество строк в textarea.
rowspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Определяет количество строк ячейки таблицы, которые следует охватывать.
sandbox{{ HTMLElement("iframe") }}
spellcheckГлобальный атрибутУказывает, разрешена ли проверка правописания для этого элемента.
scope{{ HTMLElement("th") }}
scoped{{ HTMLElement("style") }}
seamless{{ HTMLElement("iframe") }}
selected{{ HTMLElement("option") }}Определяет значение, которое будет выделено при загрузки страницы.
shape{{ HTMLElement("a") }}, {{ HTMLElement("area") }}
size{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Определяет ширину элемента (в пикселях). Если у элемента значение атрибута type — text или password, тогда это количество символов.
sizes{{ HTMLElement("link") }}
span{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}
src{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}URL встраиваемого содержимого.
srcdoc{{ HTMLElement("iframe") }}
srclang{{ HTMLElement("track") }}
srcset{{ HTMLElement("img") }}
start{{ HTMLElement("ol") }}Определяет первый номер, если это не 1.
step{{ HTMLElement("input") }}
styleГлобальный атрибутОпределяет CSS стили, которые перепишут установленные ранее стили.
summary{{ HTMLElement("table") }}
tabindexГлобальный атрибутПереписывает порядок Tab по умолчанию браузера и следует вместо него заданному.
target{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}
titleГлобальный атрибутТекст, который будет отображаться в всплывающей подсказке, когда на него наведут указатель.
type{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}Определяет тип элемента.
usemap{{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}
value{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}Определяет значение элемента по умолчанию, которое будет отображаться после загрузки страницы.
width{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}Примечание: в некоторых случаях, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("width") }} вместо него. В других случаях, таких как {{ HTMLElement("canvas") }}, ширина должна быть задана этим атрибутом.
wrap{{ HTMLElement("textarea") }}Указывает, следует ли переносить текст.
border{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} -

Ширина границы.

+| Имя атрибута | Элементы | Описание | +| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `hidden` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, даже для тех, которые не указаны в стандарте.") | Предотвращает генерирование данного элемента, в то время как сохраняет дочерние элементы, например, элементы script, active. | +| `high` | {{ HTMLElement("meter") }} | Указывает нижнюю границу верхнего диапазона. | +| `href` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }} | URL связанного ресурса. | +| `hreflang` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Указывает язык связанного ресурса. | +| `http-equiv` | {{ HTMLElement("meta") }} | | +| `icon` | {{ HTMLElement("command") }} | Указывает картинку, которая будет представлять команду. | +| `id` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Часто используется с CSS для стилизации заданного элемента. Значение атрибута должно быть уникальным. | +| `ismap` | {{ HTMLElement("img") }} | Показывает, что изображение часть серверной карты изображений. | +| `itemprop` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | | +| `keytype` | {{ HTMLElement("keygen") }} | Указывает тип сгенерированного ключа. | +| `kind` | {{ HTMLElement("track") }} | Указывает вид дорожки текста. | +| `label` | {{ HTMLElement("track") }} | Указывает читабельный заголовок дорожки текста. | +| `lang` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет язык для используемого элемента. | +| `language` | {{ HTMLElement("script") }} | Определяет язык скрипта, используемый в элементе. | +| `list` | {{ HTMLElement("input") }} | Задаёт список предустановленных опций для предложения пользователю. | +| `loop` | {{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }} | Указывает, следует ли медиа элементам начинать проигрывание сначала, после их завершения. | +| `low` | {{ HTMLElement("meter") }} | Указывает верхнюю границу нижнего диапазона. | +| `manifest` | {{ HTMLElement("html") }} | Задаёт URL кешированного манифеста документа. | +| `max` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }} | Указывает максимальное допустимое значение. | +| `maxlength` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Определяет максимальное количество символов, допустимых в элементе. | +| `media` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }} | Задаёт подсказку медиа, для которой, связанный ресурс был спроектирован. | +| `method` | {{ HTMLElement("form") }} | Определяет, какой HTTP метод использовать, когда отправляются данные формы. Может быть GET (по умолчанию) или POST. | +| `min` | {{ HTMLElement("input") }}, {{ HTMLElement("meter") }} | Показывает минимальное допустимое значение. | +| `multiple` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Показывает могут ли быть выбраны множественные значения в input типа email или file. | +| `name` | {{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }} | Имя элемента. К примеру, используется сервером для определения полей отправленной формы. | +| `novalidate` | {{ HTMLElement("form") }} | Этот атрибут указывает, что форма не должна проверяться, когда передаётся на сервер. | +| `open` | {{ HTMLElement("details") }} | Указывает, отображать ли детали при загрузки страницы. | +| `optimum` | {{ HTMLElement("meter") }} | Указывает оптимальное числовое значение. | +| `pattern` | {{ HTMLElement("input") }} | Определяет регулярное выражение, которое будет проверять входные данные элемента. | +| `ping` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | +| `placeholder` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Предоставляет подсказку пользователю, касательно того, что можно ввести в поле. | +| `poster` | {{ HTMLElement("video") }} | URL указывающий блок постера для показа, пока пользователь играет или ищет. | +| `preload` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает загружать ли ресурс целиком, его часть или не загружать вовсе. | +| `pubdate` | {{ HTMLElement("time") }} | Указывает, что эта дата и время являются ли датой ближайшего элемента предка {{ HTMLElement("article") }}. | +| `radiogroup` | {{ HTMLElement("command") }} | | +| `readonly` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | Указывает, можно ли редактировать элемент. | +| `rel` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }} | Задаёт отношение целевого объекта к объекту ссылки. | +| `required` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, необходимо ли заполнять этот элемент или нет. | +| `reversed` | {{ HTMLElement("ol") }} | Указывает, отображать ли список по убыванию, вместо того, чтобы показывать его по возрастанию. | +| `rows` | {{ HTMLElement("textarea") }} | Определяет количество строк в textarea. | +| `rowspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет количество строк ячейки таблицы, которые следует охватывать. | +| `sandbox` | {{ HTMLElement("iframe") }} | | +| `spellcheck` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Указывает, разрешена ли проверка правописания для этого элемента. | +| `scope` | {{ HTMLElement("th") }} | | +| `scoped` | {{ HTMLElement("style") }} | | +| `seamless` | {{ HTMLElement("iframe") }} | | +| `selected` | {{ HTMLElement("option") }} | Определяет значение, которое будет выделено при загрузки страницы. | +| `shape` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | | +| `size` | {{ HTMLElement("input") }}, {{ HTMLElement("select") }} | Определяет ширину элемента (в пикселях). Если у элемента значение атрибута `type` — `text` или `password`, тогда это количество символов. | +| `sizes` | {{ HTMLElement("link") }} | | +| `span` | {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }} | | +| `src` | {{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }} | URL встраиваемого содержимого. | +| `srcdoc` | {{ HTMLElement("iframe") }} | | +| `srclang` | {{ HTMLElement("track") }} | | +| `srcset` | {{ HTMLElement("img") }} | | +| `start` | {{ HTMLElement("ol") }} | Определяет первый номер, если это не 1. | +| `step` | {{ HTMLElement("input") }} | | +| `style` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет CSS стили, которые перепишут установленные ранее стили. | +| `summary` | {{ HTMLElement("table") }} | | +| `tabindex` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Переписывает порядок Tab по умолчанию браузера и следует вместо него заданному. | +| `target` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} | | +| `title` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Текст, который будет отображаться в всплывающей подсказке, когда на него наведут указатель. | +| `type` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }} | Определяет тип элемента. | +| `usemap` | {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }} | | +| `value` | {{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }} | Определяет значение элемента по умолчанию, которое будет отображаться после загрузки страницы. | +| `width` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых случаях, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("width") }} вместо него. В других случаях, таких как {{ HTMLElement("canvas") }}, ширина должна быть задана этим атрибутом. | +| `wrap` | {{ HTMLElement("textarea") }} | Указывает, следует ли переносить текст. | +| `border` | {{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} | Ширина границы.Примечание: это устаревший атрибут, используйте свойство CSS {{ Cssxref("border") }}. | +| `buffered` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Содержит отрезок времени уже буферизованного медиа. | +| `challenge` | {{ HTMLElement("keygen") }} | Строка вызова, которая передаётся вместе с публичным ключом. | +| `charset` | {{ HTMLElement("meta") }}, {{ HTMLElement("script") }} | Определяет кодировку страницы или скрипта. | +| `checked` | {{ HTMLElement("command") }}, {{ HTMLElement("input") }} | Указывает, следует ли отметить элемент при загрузки страницы. | +| `cite` | {{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }} | Содержит URI, который указывает на источник цитаты или изменения. | +| `class` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Часто используется вместе с CSS, чтобы стилизовать элементы с общими свойствами. | +| `code` | {{ HTMLElement("applet") }} | Указывает URL файла класса аплета для загрузки и выполнения. | +| `codebase` | {{ HTMLElement("applet") }} | Этот атрибут предоставляет абсолютный или относительный URL директории, файлы аплета .class, на которые ссылаются в хранимом атрибуте кода. | +| `color` | {{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} | Этот атрибут устанавливает цвет текста, используя либо название цвета, либо шестнадцатеричный формат #RRGGBB.Примечание: это устаревший атрибут. Используйте CSS-свойство {{ Cssxref("color") }}. | +| `cols` | {{ HTMLElement("textarea") }} | Определяет количество столбцов в textarea. | +| `colspan` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | Определяет диапазон количества столбцов ячейки. | +| `content` | {{ HTMLElement("meta") }} | Значение, ассоциированное с `http-equiv` или `name` зависит от контекста. | +| `contenteditable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Указывает, редактируется ли содержимое элемента. | +| `contextmenu` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет ID элемента {{ HTMLElement("menu") }} который послужит, как контекстное меню элемента. | +| `controls` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Указывает, следует ли отображать пользователю кнопки воспроизведения. | +| `coords` | {{ HTMLElement("area") }} | Набор значений, задающий координаты области для активного участка. | +| `data` | {{ HTMLElement("object") }} | Задаёт URL ресурса. | +| `data-*` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Позволяет прикрепить произвольные атрибуты для HTML-элемента. | +| `datetime` | {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }} | Указывает дату и время, ассоциированное с элементом. | +| `default` | {{ HTMLElement("track") }} | Указывает, что дорожка должна быть доступна, если пользовательские настройки не говорят об обратном. | +| `defer` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть запущен, после того как страница будет проанализирована. | +| `dir` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет направление текста. Допустимые значения ltr (Слева направо) или rtl (Справа налево). | +| `dirname` | {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} | | +| `disabled` | {{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает, может ли пользователь взаимодействовать с элементом. | +| `download` | {{ HTMLElement("a") }}, {{ HTMLElement("area") }} | Указывает, что ссылка используется для загрузки. | +| `draggable` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет, можно ли перетаскивать элемент. | +| `dropzone` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Указывает, что элемент принимает содержимое элемента, которое перетаскивают на него. | +| `enctype` | {{ HTMLElement("form") }} | Определяет тип содержимого для данных формы, когда `method` — POST. | +| `for` | {{ HTMLElement("label") }}, {{ HTMLElement("output") }} | Описывает элементы, которые принадлежат им. | +| `form` | {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | Указывает форму, которая является владельцем элемента. | +| `formaction` | {{ HTMLElement("input") }}, {{ HTMLElement("button") }} | Указывает действие элемента, перезаписывающее действие, указанное в форме {{ HTMLElement("form") }}. | +| `headers` | {{ HTMLElement("td") }}, {{ HTMLElement("th") }} | ID элементов `		`, которые применяются к этому элементу. | +| `height` | {{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} | Примечание: в некоторых экземплярах, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("height") }}. В других экземплярах, таких как {{ HTMLElement("canvas") }}, высота должна быть задана этим атрибутом. | +| `accept` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Список типов, которые принимает сервер, обычно тип файла. | +| `accept-charset` | {{ HTMLElement("form") }} | Список поддерживаемых наборов символов. | +| `accesskey` | [Глобальный атрибут](/ru/docs/Web/HTML/Global_attributes "Глобальные атрибуты могут быть указаны для любых элементов HTML, +даже для тех, которые не указаны в стандарте.") | Определяет клавишную комбинацию для активизации или добавления фокуса к элементу. | +| `action` | {{ HTMLElement("form") }} | URI адрес программы, которая обработает данные, переданные через форму. | +| `align` | {{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }} | Задаёт горизонтальное выравнивание элемента. | +| `alt` | {{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }} | Альтернативный текст, в случае, если изображение не может быть отображено. | +| `async` | {{ HTMLElement("script") }} | Указывает, что скрипт должен быть выполнен асинхронно. | +| `autocomplete` | {{ HTMLElement("form") }}, {{ HTMLElement("input") }} | Показывает, могут ли управляющие элементы в форме по умолчанию иметь собственные значения для автодополнения в форме. | +| `autofocus` | {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} | На этом элементе следует автоматически сфокусироваться после загрузки страницы. | +| `autoplay` | {{ HTMLElement("audio") }}, {{ HTMLElement("video") }} | Аудио и видео нужно воспроизвести как можно скорее. | +| `autosave` | {{ HTMLElement("input") }} | Предыдущее значения следует сохранить в выпадающем списке при загрузки страницы. | +| `bgcolor` | {{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} | Цвет фона элемента.Примечание: это устаревший атрибут. Используйте свойство CSS {{ Cssxref("background-color") }}. | -

Примечание: это устаревший атрибут, используйте свойство CSS {{ Cssxref("border") }}.

- -
buffered{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Содержит отрезок времени уже буферизованного медиа.
challenge{{ HTMLElement("keygen") }}Строка вызова, которая передаётся вместе с публичным ключом.
charset{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}Определяет кодировку страницы или скрипта.
checked{{ HTMLElement("command") }}, {{ HTMLElement("input") }}Указывает, следует ли отметить элемент при загрузки страницы.
cite{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}Содержит URI, который указывает на источник цитаты или изменения.
classГлобальный атрибутЧасто используется вместе с CSS, чтобы стилизовать элементы с общими свойствами.
code{{ HTMLElement("applet") }}Указывает URL файла класса аплета для загрузки и выполнения.
codebase{{ HTMLElement("applet") }}Этот атрибут предоставляет абсолютный или относительный URL директории, файлы аплета .class, на которые ссылаются в хранимом атрибуте кода.
color{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} -

Этот атрибут устанавливает цвет текста, используя либо название цвета, либо шестнадцатеричный формат #RRGGBB.

+## Содержимое в сравнении с IDL атрибутами -

Примечание: это устаревший атрибут. Используйте CSS-свойство {{ Cssxref("color") }}.

-
cols{{ HTMLElement("textarea") }}Определяет количество столбцов в textarea.
colspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Определяет диапазон количества столбцов ячейки.
content{{ HTMLElement("meta") }}Значение, ассоциированное с http-equiv или name зависит от контекста.
contenteditableГлобальный атрибутУказывает, редактируется ли содержимое элемента.
contextmenuГлобальный атрибутОпределяет ID элемента {{ HTMLElement("menu") }} который послужит, как контекстное меню элемента.
controls{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Указывает, следует ли отображать пользователю кнопки воспроизведения.
coords{{ HTMLElement("area") }}Набор значений, задающий координаты области для активного участка.
-

data

- 		-

{{ HTMLElement("object") }}

- 		-

Задаёт URL ресурса.

-
-

data-*

- 		-

Глобальный атрибут

- 		-

Позволяет прикрепить произвольные атрибуты для HTML-элемента.

-
datetime{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}Указывает дату и время, ассоциированное с элементом.
default{{ HTMLElement("track") }}Указывает, что дорожка должна быть доступна, если пользовательские настройки не говорят об обратном.
defer{{ HTMLElement("script") }}Указывает, что скрипт должен быть запущен, после того как страница будет проанализирована.
dirГлобальный атрибутОпределяет направление текста. Допустимые значения ltr (Слева направо) или rtl (Справа налево).
dirname{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}
disabled{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Указывает, может ли пользователь взаимодействовать с элементом.
download{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Указывает, что ссылка используется для загрузки.
draggableГлобальный атрибутОпределяет, можно ли перетаскивать элемент.
dropzoneГлобальный атрибутУказывает, что элемент принимает содержимое элемента, которое перетаскивают на него.
enctype{{ HTMLElement("form") }}Определяет тип содержимого для данных формы, когда method — POST.
for{{ HTMLElement("label") }}, {{ HTMLElement("output") }}Описывает элементы, которые принадлежат им.
form{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Указывает форму, которая является владельцем элемента.
formaction{{ HTMLElement("input") }}, {{ HTMLElement("button") }}Указывает действие элемента, перезаписывающее действие, указанное в форме {{ HTMLElement("form") }}.
headers{{ HTMLElement("td") }}, {{ HTMLElement("th") }}ID элементов <th>, которые применяются к этому элементу.
height{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}Примечание: в некоторых экземплярах, таких как {{ HTMLElement("div") }}, это устаревший атрибут, в этом случае используйте свойство CSS {{ Cssxref("height") }}. В других экземплярах, таких как {{ HTMLElement("canvas") }}, высота должна быть задана этим атрибутом.
accept{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Список типов, которые принимает сервер, обычно тип файла.
accept-charset{{ HTMLElement("form") }}Список поддерживаемых наборов символов.
accesskeyГлобальный атрибутОпределяет клавишную комбинацию для активизации или добавления фокуса к элементу.
action{{ HTMLElement("form") }}URI адрес программы, которая обработает данные, переданные через форму.
align{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("td") }}, {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}Задаёт горизонтальное выравнивание элемента.
alt -

{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}

- 		Альтернативный текст, в случае, если изображение не может быть отображено.
async{{ HTMLElement("script") }}Указывает, что скрипт должен быть выполнен асинхронно.
autocomplete{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Показывает, могут ли управляющие элементы в форме по умолчанию иметь собственные значения для автодополнения в форме.
autofocus{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}На этом элементе следует автоматически сфокусироваться после загрузки страницы.
autoplay{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Аудио и видео нужно воспроизвести как можно скорее.
autosave{{ HTMLElement("input") }}Предыдущее значения следует сохранить в выпадающем списке при загрузки страницы.
bgcolor{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} -

Цвет фона элемента.

+В HTML, большинство атрибутов имеют две грани: **атрибут содержимого** и **IDL атрибут**. -

Примечание: это устаревший атрибут. Используйте свойство CSS {{ Cssxref("background-color") }}.

-
+Атрибут содержимого — это атрибут как вы его устанавливаете из содержимого (HTML-код), и его можно устанавливать или получать с помощью {{domxref("element.setAttribute()")}} или {{domxref("element.getAttribute()")}}. Атрибут содержимого всегда строка, даже когда ожидаемое значение должно быть число. Например, для того чтобы установить `maxlength элемента `{{HTMLElement("input")}} в 42 используя атрибут содержимого, вам нужно вызвать `setAttribute("maxlength", "42")` на этом элементе. -

Содержимое в сравнении с IDL атрибутами

+IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие `element.foo`. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого. -

В HTML, большинство атрибутов имеют две грани: атрибут содержимого и IDL атрибут.

+Большую часть времени, IDL атрибуты возвращают их значения такими, какими они используются. Например, по умолчанию `type` для элементов {{HTMLElement("input")}} — "text", поэтому если вы установите `input.type="foobar"`, элемент `` будет иметь тип text (по виду и по поведению) но значение атрибута содержимого "type" будет "foobar". Однако, IDL-атрибут `type` возвратит строку "text". -

Атрибут содержимого — это атрибут как вы его устанавливаете из содержимого (HTML-код), и его можно устанавливать или получать с помощью {{domxref("element.setAttribute()")}} или {{domxref("element.getAttribute()")}}. Атрибут содержимого всегда строка, даже когда ожидаемое значение должно быть число. Например, для того чтобы установить maxlength элемента {{HTMLElement("input")}} в 42 используя атрибут содержимого, вам нужно вызвать setAttribute("maxlength", "42") на этом элементе.

+IDL-атрибуты не всегда строки; например, `input.maxlength` число (long со знаком). Когда используете IDL атрибуты, вы читаете или устанавливаете значения желаемого типа, поэтому `input.maxlength` всегда намеревается вернуть число и когда вы устанавливаете `input.maxlength`, это требует число. Если вы передадите другой тип, это автоматически конвертируется в число, по стандартным правилам преобразования типов в JavaScript. -

IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие element.foo. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.

+IDL атрибуты могут [отображать другие типы](http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes) такие как unsigned long, URLs, booleans, и т.д. К несчастью нет ясных правил и способа, чтобы IDL атрибуты работали в связке с их соответствующими атрибутами содержимого в зависимости от атрибута. Большую часть времени, будет следовать [правилам из спецификации](http://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes), но иногда нет. HTML спецификации пытаются сделать это как можно дружелюбнее для разработчиков, но по различным причинам (по большинству историческим), некоторые атрибуты работают странно (`select.size`, например) и вам следует прочитать спецификацию для точного понимания того, как они работают. -

Большую часть времени, IDL атрибуты возвращают их значения такими, какими они используются. Например, по умолчанию type для элементов {{HTMLElement("input")}} — "text", поэтому если вы установите input.type="foobar", элемент <input> будет иметь тип text (по виду и по поведению) но значение атрибута содержимого "type" будет "foobar". Однако, IDL-атрибут type возвратит строку "text".

+## Смотрите также -

IDL-атрибуты не всегда строки; например, input.maxlength число (long со знаком). Когда используете IDL атрибуты, вы читаете или устанавливаете значения желаемого типа, поэтому input.maxlength всегда намеревается вернуть число и когда вы устанавливаете input.maxlength, это требует число. Если вы передадите другой тип, это автоматически конвертируется в число, по стандартным правилам преобразования типов в JavaScript.

- -

IDL атрибуты могут отображать другие типы такие как unsigned long, URLs, booleans, и т.д. К несчастью нет ясных правил и способа, чтобы IDL атрибуты работали в связке с их соответствующими атрибутами содержимого в зависимости от атрибута. Большую часть времени, будет следовать правилам из спецификации, но иногда нет. HTML спецификации пытаются сделать это как можно дружелюбнее для разработчиков, но по различным причинам (по большинству историческим), некоторые атрибуты работают странно (select.size, например) и вам следует прочитать спецификацию для точного понимания того, как они работают.

- -

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

- - +- [HTML-элементы](/ru/docs/HTML/Element) diff --git a/files/ru/web/html/attributes/pattern/index.md b/files/ru/web/html/attributes/pattern/index.md index 4e036041266242..2be8a4dd010a97 100644 --- a/files/ru/web/html/attributes/pattern/index.md +++ b/files/ru/web/html/attributes/pattern/index.md @@ -3,80 +3,80 @@ title: 'HTML attribute: pattern' slug: Web/HTML/Attributes/pattern translation_of: Web/HTML/Attributes/pattern --- -

{{HTMLSidebar}}

+{{HTMLSidebar}} -

Атрибут pattern определяет регулярное выражение, которому должно соответствовать значение элемента формы. Если ненулевое значение не соответствует ограничениям, установленным в pattern, доступное только для чтения свойство {{domxref('ValidityState.patternMismatch','patternMismatch')}} объекта {{domxref('ValidityState')}} будет истинным.

+Атрибут **`pattern`** определяет [регулярное выражение](/ru/docs/Web/JavaScript/Guide/Regular_Expressions), которому должно соответствовать значение элемента формы. Если ненулевое значение не соответствует ограничениям, установленным в `pattern`, доступное только для чтения свойство {{domxref('ValidityState.patternMismatch','patternMismatch')}} объекта {{domxref('ValidityState')}} будет истинным. -

Атрибут pattern является атрибутом для полей ввода с типом {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, и {{HTMLElement("input/search", "search")}}.

+Атрибут `pattern` является атрибутом для полей ввода с типом {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, и {{HTMLElement("input/search", "search")}}. -
-

The pattern attribute, when specified, is a regular expression which the input's {{htmlattrxref("value")}} must match in order for the value to pass constraint validation. It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text.

+The `pattern` attribute, when specified, is a regular expression which the input's {{htmlattrxref("value")}} must match in order for the value to pass [constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation). It must be a valid JavaScript regular expression, as used by the {{jsxref("RegExp")}} type, and as documented in our [guide on regular expressions](/ru/docs/Web/JavaScript/Guide/Regular_Expressions); the `'u'` flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of Unicode code points, instead of as ASCII. No forward slashes should be specified around the pattern text. -

If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored.

+If the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored. -
-

Tip: Use the {{htmlattrxref("title", "input")}} attribute to specify text that most browsers will display as a tooltip to explain what the requirements are to match the pattern. You must not rely on the tooltip alone for an explanation. See below for more information on usability.

-
-
+> **Примечание:** **Tip:** Use the {{htmlattrxref("title", "input")}} attribute to specify text that most browsers will display as a tooltip to explain what the requirements are to match the pattern. You **must not** rely on the tooltip alone for an explanation. See below for more information on usability. -

Some of the input types supporting the pattern attribute, notably the {{HTMLElement("input/email", "email")}} and {{HTMLElement("input/url", "url")}} input types, have expected value syntaxes that must be matched. If the pattern attribute isn't present, and the value doesn't match the expected syntax for that value type, the {{domxref('ValidityState')}} object's read-only {{domxref('ValidityState.typeMismatch','typeMismatch')}} property will be true.

+Some of the input types supporting the pattern attribute, notably the {{HTMLElement("input/email", "email")}} and {{HTMLElement("input/url", "url")}} input types, have expected value syntaxes that must be matched. If the pattern attribute isn't present, and the value doesn't match the expected syntax for that value type, the {{domxref('ValidityState')}} object's read-only {{domxref('ValidityState.typeMismatch','typeMismatch')}} property will be true. -

Usability

+### Usability -

When including a pattern, provide a description of the pattern in visible text near the control. Additionally, include a title attribute which gives a description of the pattern. User agents may use the title contents during constraint validation to tell the user that the pattern is not matched. Some browsers show a tooltip with title contents, improving usability for sighted users. Additionally, assistive technology may read the title aloud when the control gains focus, but this should not be relied upon for accessibility.

+When including a `pattern`, provide a description of the pattern in visible text near the control. Additionally, include a [`title`](/en-US/docs/Web/HTML/Global_attributes/title) attribute which gives a description of the pattern. User agents may use the title contents during constraint validation to tell the user that the pattern is not matched. Some browsers show a tooltip with title contents, improving usability for sighted users. Additionally, assistive technology may read the title aloud when the control gains focus, but this should not be relied upon for accessibility. -

Constraint validation

+### Constraint validation -

If the input’s value is not the empty string and the value does not match the entire regular expression, there is a from a {{domxref('ValidityState.patternMismatch','patternMismatch')}}.
- The pattern's regular expression, when matched against the value, must have its start anchored to the start of the string and its end anchored to the end of the string, which is slightly different from JavaScript regular expressions: in the case of pattern attribute, we are matching against the entire value, not just any subset, as if a ^(?: were implied at the start of the pattern and )$ at the end.

+If the input’s value is not the empty string and the value does not match the entire regular expression, there is a from a {{domxref('ValidityState.patternMismatch','patternMismatch')}}. +The pattern's regular expression, when matched against the value, must have its start anchored to the start of the string and its end anchored to the end of the string, which is slightly different from JavaScript regular expressions: in the case of pattern attribute, we are matching against the entire value, not just any subset, as if a `^(?:` were implied at the start of the pattern and `)$` at the end. -

Examples

+## Examples -

Given the following:

+Given the following: -
-
<p>
- <label>Enter your phone number in the format (123)456-7890
-  (<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>)-
-   <input name="tel2" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit prefix" size="2"/> -
-   <input name="tel3" type="tel" pattern="[0-9]{4}" placeholder="####" aria-label="4-digit number" size="3"/>
- </label>
-</p>
+```html +

+ +

+``` -

Here we have 3 sections for a north American phone number with an implicit label encompassing all three components of the phone number, expecting 3-digits, 3-digits and 4-digits respectively, as defined by the pattern attribute set on each.

+Here we have 3 sections for a north American phone number with an implicit label encompassing all three components of the phone number, expecting 3-digits, 3-digits and 4-digits respectively, as defined by the [`pattern`](/en-US/docs/Web/HTML/Attributes/pattern) attribute set on each. -

If the values are too long or too short, or contain characters that aren't digits, the patternMismatch will be true. When true, the element matches the {{cssxref(":invalid")}} CSS pseudo-classes.

+If the values are too long or too short, or contain characters that aren't digits, the patternMismatch will be true. When `true`, the element matches the {{cssxref(":invalid")}} CSS pseudo-classes. -
input:invalid {
+```css
+input:invalid {
   border: red solid 3px;
-}
+} +``` -

{{EmbedLiveSample("example1", 300, 40)}}

-
+{{EmbedLiveSample("example1", 300, 40)}} -

Had we used minlength and maxlength attributes instead, we may have seen {{domxref('validityState.tooLong')}} or {{domxref('validityState.tooShort')}} being true.

+Had we used [`minlength`](/en-US/docs/Web/HTML/Attributes/minlength) and [`maxlength`](/en-US/docs/Web/HTML/Attributes/maxlength) attributes instead, we may have seen {{domxref('validityState.tooLong')}} or {{domxref('validityState.tooShort')}} being true. -

Specifying a pattern

+### Specifying a pattern -

You can use the {{htmlattrxref("pattern","input")}} attribute to specify a regular expression that the inputted value must match in order to be considered valid (see Validating against a regular expression for a simple crash course on using regular expressions to validate inputs).

+You can use the {{htmlattrxref("pattern","input")}} attribute to specify a regular expression that the inputted value must match in order to be considered valid (see [Validating against a regular expression](/ru/docs/Learn/HTML/Forms/Form_validation#Validating_against_a_regular_expression) for a simple crash course on using regular expressions to validate inputs). -

The example below restricts the value to 4-8 characters and requires that it contain only lower-case letters.

+The example below restricts the value to 4-8 characters and requires that it contain only lower-case letters. -
<form>
-  <div>
-    <label for="uname">Choose a username: </label>
-    <input type="text" id="uname" name="name" required size="45"
-           pattern="[a-z]{4,8}" title="4 to 8 lowercase letters">
-    <span class="validity"></span>
-    <p>Usernames must be lowercase and 4-8 characters in length.</p>
-  </div>
-  <div>
-    <button>Submit</button>
-  </div>
-</form>
+```html +
+
+ + + +

Usernames must be lowercase and 4-8 characters in length.

+
+
+ +
+
+``` - - -

This renders like so:

- -

{{ EmbedLiveSample('Specifying_a_pattern', 600, 110) }}

+} +``` -

Accessibility Concerns

+This renders like so: -

When a control has a pattern attribute, the title attribute, if used, must describe the pattern. Relying on the title attribute for the visual display of text content is generally discouraged as many user agents do not expose the attribute in an accessible manner. Some browsers show a tooltip when an element with a title is hovered, but that leaves out keyboard-only and touch-only users. This is one of the several reasons you must include information informing users how to fill out the the control to match the requirements.

+{{ EmbedLiveSample('Specifying_a_pattern', 600, 110) }} -

While titles are used by some browsers to populate error messaging, because browsers sometimes also show the title as text on hover, it therefore shows in non-error situations, so be careful not to word titles as if an error has occurred.

+### Accessibility Concerns -

Specifications

+When a control has a `pattern` attribute, the `title` attribute, if used, must describe the pattern. Relying on the `title` attribute for the visual display of text content is generally discouraged as many user agents do not expose the attribute in an accessible manner. Some browsers show a tooltip when an element with a title is hovered, but that leaves out keyboard-only and touch-only users. This is one of the several reasons you must include information informing users how to fill out the the control to match the requirements. - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{ SpecName('HTML WHATWG', 'forms.html#attr-input-pattern', 'pattern') }}{{Spec2('HTML WHATWG')}}
{{ SpecName('HTML5.1', 'forms.html#attr-input-pattern', 'pattern') }}{{Spec2('HTML5.1')}}
{{ SpecName('HTML5 W3C', 'forms.html#attr-input-pattern', 'pattern') }}{{Spec2('HTML5 W3C')}}
+While `title`s are used by some browsers to populate error messaging, because browsers sometimes also show the title as text on hover, it therefore shows in non-error situations, so be careful not to word titles as if an error has occurred. -

Browser compatibility

+## Specifications +| Specification | Status | Comment | +| ------------------------------------------------------------------------------------------------ | -------------------------------- | ------- | +| {{ SpecName('HTML WHATWG', 'forms.html#attr-input-pattern', 'pattern') }} | {{Spec2('HTML WHATWG')}} | | +| {{ SpecName('HTML5.1', 'forms.html#attr-input-pattern', 'pattern') }} | {{Spec2('HTML5.1')}} | | +| {{ SpecName('HTML5 W3C', 'forms.html#attr-input-pattern', 'pattern') }} | {{Spec2('HTML5 W3C')}} | | +## Browser compatibility -

{{Compat("html.elements.attributes.pattern")}}

+{{Compat("html.elements.attributes.pattern")}} -

See also

+## See also - +- [Constraint validation](/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation) +- [Forms: Data form validation](/ru/docs/Web/Guide/HTML/Forms/Data_form_validation) +- [Regular Expressions](/ru/docs/Web/JavaScript/Guide/Regular_Expressions) diff --git a/files/ru/web/html/block-level_elements/index.md b/files/ru/web/html/block-level_elements/index.md index 188ec1ab3e467e..d4795bf69fe808 100644 --- a/files/ru/web/html/block-level_elements/index.md +++ b/files/ru/web/html/block-level_elements/index.md @@ -9,111 +9,102 @@ tags: - Разработка translation_of: Web/HTML/Block-level_elements --- -

Исторически HTML-элементы было принято делить на блочные и строчные. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название).

- -

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

- -

Блочные элементы

- -

HTML

- -
<p>Этот абзац — блочный элемент; его цвет фона покрашен, чтобы показать родительский элемент абзаца.</p>
- -

CSS

- -
p { background-color: #8ABB55; }
-
- -

{{ EmbedLiveSample('Block-level_Example') }}

- -

Использование

- - - -

Блочные против строчных

- -

Существует несколько ключевых отличий между блочными и строчными элементами:

- -
-
Содержание
-
Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. Неотъемлемой частью этого структурного различия является идея, что блочные элементы создают «более крупную» структуру, чем встроенные элементы.
-
Форматирование по умолчанию
-
По умолчанию блочные элементы начинаются с новой строки, а строчные могут начинаться в любом месте строки.
-
- -

Разделение элементов на блочные и строчные использовалось в спецификации HTML до версии 4.01. В HTML5 это противопоставление заменено более сложным набором категорий контента. Категория «строчных» элементов примерно соответствует категории текстового контента, а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуют категории потокового контента в HTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент). Кроме того, есть и другие категории, например, интерактивный контент.

- -

Элементы

- -

Ниже приведён полный список всех блочных элементов (хотя формально понятие «блочный» не применяется к новым элементам в HTML5).

- -
-
-
{{ HTMLElement("address") }}
-
Контактная информация.
-
{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}
-
Содержание статьи.
-
{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}
-
Побочное содержание.
-
{{ HTMLElement("blockquote") }}
-
Длинная («блочная») цитата.
-
{{ HTMLElement("details") }} {{ HTMLVersionInline(5) }}
-
Раскрывающийся блок с подробностями.
-
{{ HTMLElement("dialog") }} {{ HTMLVersionInline(5) }}
-
Диалоговое окно.
-
{{ HTMLElement("dd") }}
-
Описание определения.
-
{{ HTMLElement("div") }}
-
Фрагмент документа.
-
{{ HTMLElement("dl") }}
-
Список определений.
-
{{ HTMLElement("dt") }}
-
Термин в списке определений.
-
{{ HTMLElement("fieldset") }}
-
Группирование элементов формы.
-
{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}
-
Описание для тега {{ HTMLElement("figure") }}.
-
{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}
-
Группирование медиа-контента с подписью (см. {{ HTMLElement("figcaption") }}).
-
{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}
-
Нижняя часть («подвал») раздела или страницы.
-
{{ HTMLElement("form") }}
-
Форма ввода.
-
{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}
-
Заголовки от первого до шестого уровня.
-
{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}
-
Верхняя часть («шапка») раздела или страницы.
-
{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}
-
Группирование заголовков раздела или страницы.
-
{{ HTMLElement("hr") }}
-
Горизонтальная разделительная линия.
-
{{ HTMLElement("li") }}
-
Пункт списка.
-
{{ HTMLElement("main") }} {{ HTMLVersionInline(5) }}
-
Содержит основной контент, уникальный для страницы.
-
{{ HTMLElement("nav") }} {{ HTMLVersionInline(5) }}
-
Содержит навигационные ссылки.
-
{{ HTMLElement("ol") }}
-
Упорядоченный список.
-
{{ HTMLElement("p") }}
-
Текстовый абзац.
-
{{ HTMLElement("pre") }}
-
Предварительно форматированный текст.
-
{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}
-
Раздел веб-страницы.
-
{{ HTMLElement("table") }}
-
Таблица.
-
{{ HTMLElement("ul") }}
-
Неупорядоченный список.
-
-
- -

- -

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

- - +Исторически HTML-элементы было принято делить на блочные и [строчные](/ru/docs/Web/HTML/Строчные_Элементы "/en-US/docs/HTML/inline_elements"). Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название). + +Браузеры обычно отображают блочные элементы с переводом строки до и после элемента. Блочные элементы можно представить в виде стопки коробок. Следующий пример демонстрирует, как это выглядит: + +## Блочные элементы + +### HTML + +```html +

Этот абзац — блочный элемент; его цвет фона покрашен, чтобы показать родительский элемент абзаца.

+``` + +### CSS + +```css +p { background-color: #8ABB55; } +``` + +{{ EmbedLiveSample('Block-level_Example') }} + +## Использование + +- Блочные элементы могут отображаться только внутри элемента {{ HTMLElement("body") }} и его потомков. + +## Блочные против строчных + +Существует несколько ключевых отличий между блочными и строчными элементами: + +- Содержание + - : Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. Неотъемлемой частью этого структурного различия является идея, что блочные элементы создают «более крупную» структуру, чем встроенные элементы. +- Форматирование по умолчанию + - : По умолчанию блочные элементы начинаются с новой строки, а строчные могут начинаться в любом месте строки. + +Разделение элементов на блочные и строчные использовалось в спецификации HTML до версии 4.01. В HTML5 это противопоставление заменено более сложным набором [категорий контента](/ru/docs/Web/Guide/HTML/Content_categories). Категория «строчных» элементов примерно соответствует категории [текстового контента](/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content), а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуют категории [потокового контента](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток) в HTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент). Кроме того, есть и другие категории, например, интерактивный контент. + +## Элементы + +Ниже приведён полный список всех блочных элементов (хотя формально понятие «блочный» не применяется к новым элементам в HTML5). + +- {{ HTMLElement("address") }} + - : Контактная информация. +- {{ HTMLElement("article") }} {{ HTMLVersionInline(5) }} + - : Содержание статьи. +- {{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }} + - : Побочное содержание. +- {{ HTMLElement("blockquote") }} + - : Длинная («блочная») цитата. +- {{ HTMLElement("details") }} {{ HTMLVersionInline(5) }} + - : Раскрывающийся блок с подробностями. +- {{ HTMLElement("dialog") }} {{ HTMLVersionInline(5) }} + - : Диалоговое окно. +- {{ HTMLElement("dd") }} + - : Описание определения. +- {{ HTMLElement("div") }} + - : Фрагмент документа. +- {{ HTMLElement("dl") }} + - : Список определений. +- {{ HTMLElement("dt") }} + - : Термин в списке определений. +- {{ HTMLElement("fieldset") }} + - : Группирование элементов формы. +- {{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }} + - : Описание для тега {{ HTMLElement("figure") }}. +- {{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }} + - : Группирование медиа-контента с подписью (см. {{ HTMLElement("figcaption") }}). +- {{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }} + - : Нижняя часть («подвал») раздела или страницы. +- {{ HTMLElement("form") }} + - : Форма ввода. +- {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }} + - : Заголовки от первого до шестого уровня. +- {{ HTMLElement("header") }} {{ HTMLVersionInline(5) }} + - : Верхняя часть («шапка») раздела или страницы. +- {{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }} + - : Группирование заголовков раздела или страницы. +- {{ HTMLElement("hr") }} + - : Горизонтальная разделительная линия. +- {{ HTMLElement("li") }} + - : Пункт списка. +- {{ HTMLElement("main") }} {{ HTMLVersionInline(5) }} + - : Содержит основной контент, уникальный для страницы. +- {{ HTMLElement("nav") }} {{ HTMLVersionInline(5) }} + - : Содержит навигационные ссылки. +- {{ HTMLElement("ol") }} + - : Упорядоченный список. +- {{ HTMLElement("p") }} + - : Текстовый абзац. +- {{ HTMLElement("pre") }} + - : Предварительно форматированный текст. +- {{ HTMLElement("section") }} {{ HTMLVersionInline(5) }} + - : Раздел веб-страницы. +- {{ HTMLElement("table") }} + - : Таблица. +- {{ HTMLElement("ul") }} + - : Неупорядоченный список. + +### Смотрите также + +- [Строчные элементы](/ru/docs/Web/HTML/Строчные_Элементы) diff --git a/files/ru/web/html/cors_enabled_image/index.md b/files/ru/web/html/cors_enabled_image/index.md index e454cbcb63d8c6..8ff0ed3ed51e28 100644 --- a/files/ru/web/html/cors_enabled_image/index.md +++ b/files/ru/web/html/cors_enabled_image/index.md @@ -9,79 +9,82 @@ tags: - Security translation_of: Web/HTML/CORS_enabled_image --- -

HTML предоставляет атрибут {{ htmlattrxref("crossorigin", "img") }} для изображений, которые в сочетании с соответствующим заголовком {{Glossary("CORS")}} позволяют использовать изображения, определённые элементом {{ HTMLElement("img") }}, загруженные из внешних источников, в {{HTMLElement("canvas")}} , как если бы они были загружены из текущего источника.

+HTML предоставляет атрибут {{ htmlattrxref("crossorigin", "img") }} для изображений, которые в сочетании с соответствующим заголовком {{Glossary("CORS")}} позволяют использовать изображения, определённые элементом {{ HTMLElement("img") }}, загруженные из внешних источников, в {{HTMLElement("canvas")}} , как если бы они были загружены из текущего источника. -

Дополнительные сведения об использовании атрибута crossorigin смотрите в разделе атрибуты параметров CORS.

+Дополнительные сведения об использовании атрибута `crossorigin` смотрите в разделе [атрибуты параметров CORS](/ru/docs/Web/HTML/CORS_settings_attributes). -

Безопасность и испорченные холсты canvas

+## Безопасность и испорченные холсты canvas -

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

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

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

+Как только вы рисуете на холсте любые данные, которые были загружены из другого источника без одобрения CORS, холст становится **испорченным**. Испорченный холст - это тот, который больше не считается безопасным, и любые попытки получить данные изображения с холста вызовут исключение. -

Если источником внешнего содержимого является элемент HTML {{HTMLElement("img")}} или SVG {{SVGElement("svg")}}, то попытка извлечения содержимого холста не допускается.

+Если источником внешнего содержимого является элемент HTML {{HTMLElement("img")}} или SVG {{SVGElement("svg")}}, то попытка извлечения содержимого холста не допускается. -

Если внешнее содержимое поступает из изображения, полученного либо из {{domxref("HTMLCanvasElement")}}, либо из {{domxref("ImageBitMap")}}, и источник изображения не соответствует тем же правилам происхождения, попытки прочитать содержимое холста блокируются.

+Если внешнее содержимое поступает из изображения, полученного либо из {{domxref("HTMLCanvasElement")}}, либо из {{domxref("ImageBitMap")}}, и источник изображения не соответствует тем же правилам происхождения, попытки прочитать содержимое холста блокируются. -

Вызов любого из следующих методов на испорченном холсте приведёт к ошибке:

+Вызов любого из следующих методов на испорченном холсте приведёт к ошибке: - +- Вызов {{domxref("CanvasRenderingContext2D.getImageData", "getImageData()")}} в контексте canvas +- Вызов {{domxref("HTMLCanvasElement.toBlob", "toBlob()")}} на самом элементе {{HTMLElement("canvas")}} +- Вызов {{domxref("HTMLCanvasElement.toDataURL", "toDataURL()")}} на canvas -

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

+Попытка обратиться к ним, когда холст испорчен, приведёт к возникновению ошибки безопасности `SecurityError`. Это защищает пользователей от доступа к личным данным с помощью изображений для извлечения информации с удалённых веб-сайтов без разрешения. -

Хранение изображений из внешнего источника

+## Хранение изображений из внешнего источника -

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

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

Конфигурация веб-сервера

+### Конфигурация веб-сервера -

Первое, что нам нужно, - это сервер, настроенный на размещение изображений с заголовком {{HTTPHeader("Access-Control-Allow-Origin")}}, настроенным на разрешение доступа к файлам изображений из разных источников.

+Первое, что нам нужно, - это сервер, настроенный на размещение изображений с заголовком {{HTTPHeader("Access-Control-Allow-Origin")}}, настроенным на разрешение доступа к файлам изображений из разных источников. -

Давайте предположим, что мы обслуживаем наш сайт с помощью Apache. Рассмотрим стандартный файл конфигурации сервера Apache HTML5 для образов CORS, показанный ниже:

+Давайте предположим, что мы обслуживаем наш сайт с помощью [Apache](https://httpd.apache.org/). Рассмотрим [стандартный файл конфигурации сервера Apache HTML5 для образов CORS](https://github.com/h5bp/server-configs-apache/blob/master/src/cross-origin/images.conf), показанный ниже: -
<IfModule mod_setenvif.c>
-  <IfModule mod_headers.c>
-    <FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$">
+```xml
+
+  
+    
       SetEnvIf Origin ":" IS_CORS
       Header set Access-Control-Allow-Origin "*" env=IS_CORS
-    </FilesMatch>
-  </IfModule>
-</IfModule>
+ + + +``` -

Вкратце, это настраивает сервер на разрешение графических файлов (тех, что с расширениями ".bmp", ".cur", ".gif", ".ico", ".jpg", ".jpeg", ".png", ".svg", ".svgz" и ".webp") для получения доступа из любой точки интернета.

+Вкратце, это настраивает сервер на разрешение графических файлов (тех, что с расширениями ".bmp", ".cur", ".gif", ".ico", ".jpg", ".jpeg", ".png", ".svg", ".svgz" и ".webp") для получения доступа из любой точки интернета. -

Реализация возможности сохранения

+### Реализация возможности сохранения -

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

+Теперь, когда сервер настроен так, чтобы разрешить извлечение изображений из разных источников, мы можем написать код, который позволяет пользователю сохранять их в [локальном хранилище](/ru/docs/Web/API/Web_Storage_API), как если бы они обслуживались из того же домена, на котором выполняется код. -

Ключевым моментом является использование атрибута {{htmlattrxref("crossorigin")}} путём установки {{domxref("HTMLImageElement.crossOrigin", "crossOrigin")}} в элементе {{domxref("HTMLImageElement")}} , на который будет загружено изображение. Это даёт браузеру команду на запрос доступа к другому источнику при попытке загрузить данные изображения.

+Ключевым моментом является использование атрибута {{htmlattrxref("crossorigin")}} путём установки {{domxref("HTMLImageElement.crossOrigin", "crossOrigin")}} в элементе {{domxref("HTMLImageElement")}} , на который будет загружено изображение. Это даёт браузеру команду на запрос доступа к другому источнику при попытке загрузить данные изображения. -

Запуск загрузки

+#### Запуск загрузки -

Код, который запускает загрузку (скажем, когда пользователь нажимает кнопку "Загрузить"), выглядит следующим образом:

+Код, который запускает загрузку (скажем, когда пользователь нажимает кнопку "Загрузить"), выглядит следующим образом: -
function startDownload() {
+```js
+function startDownload() {
   let imageURL = "https://cdn.glitch.com/4c9ebeb9-8b9a-4adc-ad0a-238d9ae00bb5%2Fmdn_logo-only_color.svg?1535749917189";
 
   downloadedImg = new Image;
   downloadedImg.crossOrigin = "Anonymous";
   downloadedImg.addEventListener("load", imageReceived, false);
   downloadedImg.src = imageURL;
-}
+} +``` -

Здесь мы используем жёстко закодированный URL-адрес (imageURL), но он запросто может поступать откуда угодно. Чтобы начать загрузку изображения, мы создаём новый объект {{domxref("HTMLImageElement")}} с помощью конструктора {{domxref("HTMLImageElement.Image", "Image()")}}. Затем изображение настраивается так, чтобы разрешить загрузку из другого источника. Для этого его атрибут crossOrigin устанавливается на "Anonymous" (то есть разрешение неавторизованной загрузки изображения из перекрёстного источника). Обработчик событий добавляется к событию {{event("load")}}, запускаемому на элементе изображения, что означает, что данные изображения были получены.

+Здесь мы используем жёстко закодированный URL-адрес (`imageURL`), но он запросто может поступать откуда угодно. Чтобы начать загрузку изображения, мы создаём новый объект {{domxref("HTMLImageElement")}} с помощью конструктора {{domxref("HTMLImageElement.Image", "Image()")}}. Затем изображение настраивается так, чтобы разрешить загрузку из другого источника. Для этого его атрибут `crossOrigin` устанавливается на `"Anonymous"` (то есть разрешение неавторизованной загрузки изображения из перекрёстного источника). Обработчик событий добавляется к событию {{event("load")}}, запускаемому на элементе изображения, что означает, что данные изображения были получены. -

Наконец, атрибут {{domxref("HTMLImageElement.src", "src")}} изображения устанавливается в URL-адрес загружаемого изображения; это инициирует начало загрузки.

+Наконец, атрибут {{domxref("HTMLImageElement.src", "src")}} изображения устанавливается в URL-адрес загружаемого изображения; это инициирует начало загрузки. -

Получение и сохранение изображения

+#### Получение и сохранение изображения -

Код, обрабатывающий недавно загруженные изображения, находится в методе imageReceived():

+Код, обрабатывающий недавно загруженные изображения, находится в методе `imageReceived()`: -
function imageReceived() {
+```js
+function imageReceived() {
   let canvas = document.createElement("canvas");
   let context = canvas.getContext("2d");
 
@@ -97,22 +100,21 @@ translation_of: Web/HTML/CORS_enabled_image
   catch(err) {
     console.log("Error: " + err);
   }
-}
+} +``` -

imageReceived() вызывается для обработки события "load" в элементе HTMLImageElement, который получает загруженное изображение. Это событие срабатывает, как только все загруженные данные становятся доступными. Он начинается с создания нового элемента {{HTMLElement("canvas")}}, который мы будем использовать для преобразования изображения в URL-адрес данных и получения доступа к контексту 2D-рендеринга холста ({{domxref("CanvasRenderingContext2D")}}) в переменной context.

+`imageReceived()` вызывается для обработки события `"load"` в элементе `HTMLImageElement`, который получает загруженное изображение. Это событие срабатывает, как только все загруженные данные становятся доступными. Он начинается с создания нового элемента {{HTMLElement("canvas")}}, который мы будем использовать для преобразования изображения в URL-адрес данных и получения доступа к контексту 2D-рендеринга холста ({{domxref("CanvasRenderingContext2D")}}) в переменной `context`. -

Размер холста настраивается в соответствии с полученным изображением, затем изображение рисуется на холсте с помощью {{domxref("CanvasRenderingContext2D.drawImage", "drawImage()")}}. Затем холст вставляется в документ, чтобы изображение было видно.

+Размер холста настраивается в соответствии с полученным изображением, затем изображение рисуется на холсте с помощью {{domxref("CanvasRenderingContext2D.drawImage", "drawImage()")}}. Затем холст вставляется в документ, чтобы изображение было видно. -

Теперь пришло время действительно сохранить изображение локально. Для этого мы используем механизм локального хранения Web Storage API, доступ к которому осуществляется через {{domxref("Window.localStorage", "localStorage")}} глобально. Метод canvas {{domxref("HTMLCanvasElement.toDataURL", "toDataURL()")}} используется для преобразования изображения в data:// URL, представляющий изображение PNG, которое затем сохраняется в локальном хранилище с помощью {{domxref("Storage.setItem", "setItem()")}}.

+Теперь пришло время действительно сохранить изображение локально. Для этого мы используем механизм локального хранения Web Storage API, доступ к которому осуществляется через {{domxref("Window.localStorage", "localStorage")}} глобально. Метод canvas {{domxref("HTMLCanvasElement.toDataURL", "toDataURL()")}} используется для преобразования изображения в data:// URL, представляющий изображение PNG, которое затем сохраняется в локальном хранилище с помощью {{domxref("Storage.setItem", "setItem()")}}. -

Вы можете проверить или переделать этот пример на Glitch.

+Вы можете [проверить](https://cors-image-example.glitch.me/) или [переделать](https://glitch.com/edit/#!/remix/cors-image-example) этот пример на Glitch. -

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

+## Смотрите также - +- [Using Cross-domain images in WebGL and Chrome 13](http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html) +- [HTML Specification - the `crossorigin` attribute](http://whatwg.org/html#attr-img-crossorigin) +- [Веб хранилище (API)](ru/docs/Web/API/Web_Storage_API) -
{{QuickLinksWithSubpages("/en-US/docs/Web/HTML/")}}
+{{QuickLinksWithSubpages("/en-US/docs/Web/HTML/")}} diff --git a/files/ru/web/html/element/a/index.md b/files/ru/web/html/element/a/index.md index 24535cd065a070..40f0c745222c60 100644 --- a/files/ru/web/html/element/a/index.md +++ b/files/ru/web/html/element/a/index.md @@ -9,249 +9,199 @@ tags: - Содержание translation_of: Web/HTML/Element/a --- -

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

- -
<a href="https://developer.mozilla.org">MDN</a>
- - - - - - - - - - - - - - - - - - - - - - - - -
Категории контента Основной поток, текстовый контент, интерактивный контент, скрытый контент.
Разрешённый контентЛогический контент, содержащий либо основной поток (исключая интерактивный контент), либо заголовочный контент.
Опускание теговОткрывающий и закрывающий теги обязательны.
Разрешённые родительские элементыЛюбые элементы, в которых разрешён текстовый контент или элементы, в которых разрешёны элементы основного потока.
DOM-интерфейс{{domxref("HTMLAnchorElement")}}
+HTML-элемент `` определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами. + +```html +MDN +``` + +| [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories "HTML/Content_categories") | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток "HTML/Content categories#Flow content"), [текстовый контент](/ru/docs/HTML/Content_categories#Phrasing_content "HTML/Content categories#Phrasing content"), [интерактивный контент](/ru/docs/Web/Guide/HTML/Content_categories#interactive_content), скрытый контент. | +| ------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Разрешённый контент | [Логический контент](/ru/docs/Web/Guide/HTML/Content_categories#Логический_контент "HTML/Content_categories#Transparent_content_model"), содержащий либо [основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток "HTML/Content_categories#Flow_content") (исключая [интерактивный контент](/ru/docs/Web/Guide/HTML/Content_categories#interactive_content)), либо [заголовочный контент](/ru/docs/HTML/Content_categories#Phrasing_content "HTML/Content_categories#Phrasing_content"). | +| Опускание тегов | Открывающий и закрывающий теги обязательны. | +| Разрешённые родительские элементы | Любые элементы, в которых разрешён [текстовый контент](/ru/docs/Web/Guide/HTML/Content_categories#Заголовочный_контент) или элементы, в которых разрешёны элементы [основного потока](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток). | +| DOM-интерфейс | {{domxref("HTMLAnchorElement")}} | + +## Атрибуты + +Этот элемент включает в себя [общие атрибуты](/ru/docs/Web/HTML/Общие_атрибуты). + +- **`{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}`** + - : Этот атрибут сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный. Если у этого атрибута есть значение, оно будет использовано как заполненное название файла в Окне сохранения, которое открывается, когда пользователь нажимает на ссылку (пользователь может поменять название перед сохранением файла). Ограничений на позволенные значения нет (хотя оно будет конвертировано в нижние подчёркивания, предотвращая специфичные пути), но стоит обратить внимание, что у большинства файловых систем есть ограничения на то, какие знаки препинания поддерживаются файловой системой, и браузеры регулируют названия согласно ограничениям. + +> **Примечание:** **Примечание:\*** Атрибут может быть использован вместе с [blob: URLs](/ru/docs/Web/API/URL/createObjectURL) и `data: URLs`, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования). +> +> - Если представлен HTTP-заголовок `Content-Disposition:,` и он содержит иное название, у HTTP-заголовка есть преимущество над атрибутом. +> - Если этот атрибут установлен и `Content-Disposition:` установлен на `inline`, Firefox отдаёт преимущество `Content-Disposition`, но в тоже время Chrome отдаёт преимущество атрибуту `download`. +> - Этот атрибут соблюдается только на ресурсах с тем же доменом. + +- {{htmlattrdef("href")}} + - : Единственный обязательный атрибут для определения ссылки в HTML4, но больше необязательный в HTML5. Упущение этого атрибута создаёт ссылку-заполнитель. Атрибут `href` указывает ссылку: либо URL, либо якорь. Якорь — это название после символа `#`, который указывает на элемент ([ID](/ru/docs/HTML/Global_attributes#attr-id)) на текущей странице. URL не ограничены только ссылками на HTTP, они могут использовать любой протокол, поддерживающийся браузером. Например, `file`, `ftp` и `mailto` работают в большинстве браузеров. + +> **Примечание:** Вы можете использовать специальное значение «top», чтобы создать ссылки в начало страницы, например: `Вернуться наверх`. [Это поведение указано в Спецификациях HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#scroll-to-fragid). + +- {{htmlattrdef("hreflang")}} + - : Этот атрибут сообщает язык документа по ссылке. Это чисто контрольная информация. Разрешённые значения определены в [BCP47](http://www.ietf.org/rfc/bcp/bcp47.txt) для HTML5 и [RFC1766](http://www.ietf.org/rfc/rfc1766.txt) для 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`, этот атрибут устанавливает отношения между ссылками. Значением является [список значений](/ru/docs/Web/HTML/Link_types), разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является `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-тип](http://www.w3.org/TR/html4/references.html#ref-MIMETYPES) для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как `audio/wav`.Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}. -

Атрибуты

- -

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

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

Примечание:

- -
    -
  • Атрибут может быть использован вместе с blob: URLs и data: URLs, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).
    • -
  • Если представлен HTTP-заголовок Content-Disposition:, и он содержит иное название, у HTTP-заголовка есть преимущество над атрибутом.
    • -
  • Если этот атрибут установлен и Content-Disposition: установлен на inline, Firefox отдаёт преимущество Content-Disposition, но в тоже время Chrome отдаёт преимущество атрибуту download.
    • -
  • Этот атрибут соблюдается только на ресурсах с тем же доменом.
    • -
-
- -
-
{{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, чтобы динамично заполнять страницу.

-
+### Устаревшие + +- {{htmlattrdef("charset")}} {{obsoleteGeneric("inline","HTML5")}} + - : Этот атрибут определяет кодировку документа по ссылке. Значением является разделённый пробелами или запятыми [список кодировок](http://tools.ietf.org/html/rfc2045). Значением по умолчанию является 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` могут быть использованы с элементом ``, пока у них идентичные значения. +- **`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` для элемента [``](/ru/docs/Web/HTML/Element/img) и связанного элемента [``](/ru/docs/Web/HTML/Element/map), чтобы определить горячие точки вместо атрибутов формы. + +### Нестандартные + +- {{htmlattrdef("datafld")}} {{Non-standard_inline}} + - : Этот атрибут определяет название столбца из объекта исходных данных, который принимает связанные данные. + +> **Предупреждение:**Этот атрибут нестандартный и **не должен использоваться**. Для достижения такого же эффекта, используйте скрипты и такие механизмы, как [XMLHttpRequest](/ru/docs/nsIXMLHttpRequest "XMLHttpRequest"), чтобы динамично заполнять страницу. - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
ПоддержкаGeckoPrestoWebKitTrident
Не реализованаНе реализованаНе реализованаIE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документMicrosoft's Data Binding: dataFld Property (MSDN)
ПоддержкаGeckoPrestoWebKitTrident
Не реализованаНе реализованаНе реализованаIE4, IE5, IE6, IE7 (Убрана в IE8)
Нормативный документ + Microsoft's Data Binding: dataFld Property (MSDN) +
-
-
{{htmlattrdef("datasrc")}} {{Non-standard_inline}}
-
Этот атрибут сообщает ID объекта исходных данных, который принимает связанные данные с этим элементом.
-
+- {{htmlattrdef("datasrc")}} {{Non-standard_inline}} + - : Этот атрибут сообщает ID объекта исходных данных, который принимает связанные данные с этим элементом. -
-

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

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

Примеры

+## Примеры -

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

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

Результат:

+#### Результат: -

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

+[Внешняя ссылка](http://www.mozilla.com/) -

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

+### Создание кликабельной картинки -
<a href="https://developer.mozilla.org/ru/" target="_blank">
-  <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo">
-</a>
-
+```html + + MDN logo + +``` -

Результат:

+#### Результат: -

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

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

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

+### Создания ссылки для написания письма -
<a href="mailto:nowhere@mozilla.org">Отправить сообщение в никуда</a>
-
+```html +Отправить сообщение в никуда +``` -

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

+Результат выглядит примерно так: [Отправить сообщение в никуда](mailto:nowhere@mozilla.org). -

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

+Для дополнительных деталей использования `mailto`, таких как тема, текст или другое, смотрите [Email-ссылки](/ru/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks#ссылки_электронной_почты) или {{RFC(6068)}}. -

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

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

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

+С телефонами, способными выходить в Интернет и ноутбуками, которые привязаны к телефонам, ссылки с номером телефона становятся всё больше и больше полезными. -
<a href="tel:+491570156">+49 157 0156</a>
-
+```html ++49 157 0156 +``` -

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

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

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

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

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

+Если вы хотите позволить пользователю скачивать HTML canvas как картинку, вы можете создать ссылку с атрибутом `download` и данные canvas как `data: URL`: -
var link = document.createElement("a");
+```js
+var link = document.createElement("a");
 link.innerHTML = 'download image';
 
 link.addEventListener("click", function(ev) {
@@ -260,31 +210,30 @@ link.addEventListener("click", function(ev) {
 }, false);
 
 document.body.appendChild(link);
-
+``` -

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

+Вы можете посмотреть на это в действии: [jsfiddle.net/codepo8/V6ufG/2/](http://jsfiddle.net/codepo8/V6ufG/2/). -

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

+## Спецификации {{Specifications}} -

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

-

{{Compat}}

+## Совместимость с браузерами + +{{Compat}} -

Примечания

+## Примечания -

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

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

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

+Атрибут `target` не работает в браузерах, не поддерживающих фреймы, таких как Netscape 1 generation. Кроме того, `target` не допускается в «строгих» вариантах [XHTML](/en/XHTML "en/XHTML"), но разрешён в формах frameset или «переходных» формах. -

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

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

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

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

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

+## Смотрите также -
    -
  • Другие элементы: {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.
    • -
+- Другие элементы: {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}. -
{{HTMLRef}}
+{{HTMLRef}} diff --git a/files/ru/web/html/element/abbr/index.md b/files/ru/web/html/element/abbr/index.md index fb03ad144582af..2785f63d47d812 100644 --- a/files/ru/web/html/element/abbr/index.md +++ b/files/ru/web/html/element/abbr/index.md @@ -7,153 +7,136 @@ tags: - Элемент translation_of: Web/HTML/Element/abbr --- -
{{HTMLRef}}
+{{HTMLRef}} -

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

+**Элемент HTML «аббревиатура» (``)** представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут {{htmlattrxref("title")}}. Иные значения `title`, кроме расшифровки аббревиатуры не допускаются. -
{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}}
+{{EmbedInteractiveExample("pages/tabbed/abbr.html", "tabbed-shorter")}} -

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

+Статья _[Как помечать аббревиатуры и сделать их потянутыми](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Advanced_text_formatting#%D0%90%D0%B1%D0%B1%D1%80%D0%B5%D0%B2%D0%B8%D0%B0%D1%82%D1%83%D1%80%D1%8B)_ поможет понять как использовать `` и связанные элементы. - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Интерфейс DOM{{domxref("HTMLElement")}}
Категории контентаОсновной поток, текстовый контент, явный контент
Разрешённое содержимоеФразовый контент
Разрешённые родительские элементыЛюбые, поддерживающие фразовый контент.
Разрешённые ARIA ролиЛюбые
DOM интерфейс{{domxref("HTMLElement")}}
+| Интерфейс DOM | {{domxref("HTMLElement")}} | +| ---------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories) | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток "HTML/Content categories#Flow content"), [текстовый контент](/ru/docs/Web/Guide/HTML/Content_categories/#Фразовый_контент "HTML/Content categories#Phrasing content"), явный контент | +| Разрешённое содержимое | [Фразовый контент](/ru/docs/Web/Guide/HTML/Content_categories/#Фразовый_контент "HTML/Content_categories#Phrasing_content") | +| Разрешённые родительские элементы | Любые, поддерживающие [фразовый контент](/ru/docs/Web/Guide/HTML/Content_categories/#Фразовый_контент "HTML/Content_categories#Phrasing_content"). | +| Разрешённые ARIA роли | Любые | +| DOM интерфейс | {{domxref("HTMLElement")}} | -

Атрибуты

+## Атрибуты -

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

+Этот элемент поддерживает только [глобальные атрибуты](/ru/docs/Web/HTML/Общие_атрибуты "HTML/Global attributes"). Атрибут {{htmlattrxref("title")}} имеет специальное семантическое значение, когда используется вместе с элементом ``. Он _должен_ содержать полную расшифровку или описание аббревиатуры. -

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

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

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

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

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

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

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

+Необязательно помечать все аббревиатуры с помощью ``. Далее представлено несколько вариантов, которые помогут выбрать как помечать текст: -
    -
  • Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте <abbr> c подходящим {{htmlattrxref("title")}}.
    • -
  • Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете <abbr> с атрибутом title или просто текст с описанием.
    • -
  • Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент <abbr>. В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
    • -
  • Вы можете использовать <abbr> вместе с {{HTMLElement("dfn")}}, чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример Определение в аббревиатуре ниже.
    • -
+- Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте `` c подходящим {{htmlattrxref("title")}}. +- Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете `` с атрибутом title или просто текст с описанием. +- Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент ``. В свою очередь, его использование может быть использовано для стилизации или написания сценариев. +- Вы можете использовать `` вместе с {{HTMLElement("dfn")}}, чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример [Определение в аббревиатуре](#определение_в_аббревиатуре) ниже. -

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

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

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

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

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

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

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

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

Примеры

+## Примеры -

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

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

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

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

HTML

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

Использование HTML – весело и легко!

+``` -

Результат

+#### Результат -

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

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

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

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

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

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

HTML

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

Используя CSS, вы можете стилизовать аббревиатуры!

+``` -

CSS

+#### CSS -
abbr {
+```css
+abbr {
   font-variant: all-small-caps;
-}
+} +``` -

Результат

+#### Результат -

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

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

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

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

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

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

HTML

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

Эта статья великолепна! ППКС +без раздумий.

+``` -

Result

+#### Result -

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

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

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

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

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

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

HTML

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

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

A Specification +(spec) – документ, в котором описаны основные +принципы работы технологи или API и как получить к ним доступ.

+``` -

Result

+#### Result -

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

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

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

+Смотрите больше примеров в статье [Как размечать аббревиатуры и делать их понятными](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Advanced_text_formatting#%D0%90%D0%B1%D0%B1%D1%80%D0%B5%D0%B2%D0%B8%D0%B0%D1%82%D1%83%D1%80%D1%8B). -

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

+## Спецификации {{Specifications}} -

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

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

{{Compat}}

+{{Compat}} -

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

+## Смотрите также -
    -
  • Использование элемента <abbr>
    • -
  • Другие элементы, являющиеся семантически текстовыми: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.
    • -
  • Устаревший элемент {{HTMLElement("acronym")}}, который был заменён элементом <abbr>.
    • -
+- [Использование элемента \](/ru/Learn/HTML/Element/abbr) +- Другие [элементы, являющиеся семантически текстовыми](/ru/docs/HTML/Text_level_semantics_conveying_elements "HTML/Text level semantics conveying elements"): {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}. +- Устаревший элемент {{HTMLElement("acronym")}}, который был заменён элементом ``. diff --git a/files/ru/web/html/element/acronym/index.md b/files/ru/web/html/element/acronym/index.md index 1a999c37a9c259..cfaa693fee10d5 100644 --- a/files/ru/web/html/element/acronym/index.md +++ b/files/ru/web/html/element/acronym/index.md @@ -5,70 +5,52 @@ tags: - Obsolete translation_of: Web/HTML/Element/acronym --- -
{{obsolete_header}}
+{{obsolete_header}} -

Аннотация

+## Аннотация -

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

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

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

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

Атрибуты

+## Атрибуты -

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

+Этот элемент поддерживает _только_ [глобальные атрибуты](/ru/docs/HTML/global_attributes "HTML/global attributes"). -

Интерфейс DOM

+## Интерфейс DOM -

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

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

Пример

+## Пример -
<p>The <acronym title="World Wide Web">WWW</acronym> is only one component of the Internet.</p>
-
+```html +

The WWW is only one component of the Internet.

+``` -

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

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

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

+Хотя этого элемент употребляется чисто для удобств автора, разные браузеры отрисовывают его по-разному: -
    -
  • Некоторые, например, Internet Explorer, не стилизуют его, и он выглядит неотличимо от обычного {{HTMLElement("span")}}.
    • -
  • Opera, Firefox и некоторые други браузеры подчёркивают его точками.
    • -
  • Малая часть браузеров помимо подчёркивания точками также меняют начертание текста на капитель (small caps). Во избежание такого поведения, как вариант, необходимо добавить {{cssxref('font-variant')}}: none в CSS стиль.
    • -
+- Некоторые, например, 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')}}
+| Спецификация | Статус | Комментарий | +| ---------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| {{SpecName('HTML4.01', 'struct/text.html#edef-ACRONYM', '<acronym>')}} | {{Spec2('HTML4.01')}} | | -

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

+## Совместимость -

{{Compat}}

+{{Compat}} -

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

+## Смотрите также: -
    -
  • {{HTMLElement("abbr")}}
    • -
+- {{HTMLElement("abbr")}} -
{{HTMLRef}}
+{{HTMLRef}} diff --git a/files/ru/web/html/element/address/index.md b/files/ru/web/html/element/address/index.md index 9c418499f98e55..5111e15310b4d7 100644 --- a/files/ru/web/html/element/address/index.md +++ b/files/ru/web/html/element/address/index.md @@ -9,80 +9,56 @@ tags: - Элемент 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>
+{{HTMLRef}}
+
+**HTML- тег `
` **задаёт контактные данные для ближайшего родительского {{HTMLElement("article")}} или {{HTMLElement("body")}} ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.
+
+> **Примечание:** **Примечание:\*** Для представления адреса, который не является контактной информацией, воспользуйтесь {{HTMLElement("p")}} элементом.
+>
+> - Данный тег не должен содержать любой другой информации, кроме контактной. (пример: дата публикации - относится к {{HTMLElement("time")}} тегу ).
+> - Обычно тег \
 размещается внутри тега {{HTMLElement("footer")}} текущего блока, если есть хотя бы один.
+
+| [Категории контента](/ru/docs/HTML/Content_categories "HTML/Content_categories") | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%BE%D0%B9_%D0%BF%D0%BE%D1%82%D0%BE%D0%BA "HTML/Content categories#Flow content"), palpable content.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| -------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Разрешённый контент                                                              | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D0%BE%D0%B9_%D0%BF%D0%BE%D1%82%D0%BE%D0%BA "HTML/Content categories#Flow content"), но без вложенного элемента 
, без элементов заголовка ({{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](/ru/docs/HTML/Content_categories#Flow_content "HTML/Content_categories#Flow_content").                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| DOM интерфейс                                                                    | {{domxref("HTMLElement")}} Prior to Gecko 2.0 (Firefox 4), Gecko implemented this element using the {{domxref("HTMLSpanElement")}} interface                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+
+## Атрибуты
+
+Этот элемент включает в себя [глобальные атрибуты](/ru/docs/Web/HTML/%D0%9E%D0%B1%D1%89%D0%B8%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B "HTML/Global attributes").
+
+## Пример
+
+```html
+  

+    You can contact author at www.somedomain.com.

+    If you see any bugs, please contact webmaster.

+    You may also want to visit us:

+    Mozilla Foundation

+    1981 Landings Drive

+    Building K

+    Mountain View, CA 94043-0801

     USA
-  </address>
-
+ +``` -

Результат:

+Результат: -

Image:HTML-address.png

+![Image:HTML-address.png](/@api/deki/files/238/=HTML-address.png) -

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

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

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

+## Спецификации {{Specifications}} -

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

+## Совместимость в браузерах -

{{Compat}}

+{{Compat}} -

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

+## Смотрите также -
    -
  • Другие элементы: {{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.
    • -
+- Другие элементы: {{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](/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document). diff --git a/files/ru/web/html/element/applet/index.md b/files/ru/web/html/element/applet/index.md index 30497f755a7bd3..d50d8c469fdc85 100644 --- a/files/ru/web/html/element/applet/index.md +++ b/files/ru/web/html/element/applet/index.md @@ -3,63 +3,60 @@ 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

- -

{{Compat}}

- -

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}}
+{{obsolete_header}} + +Элемент HTML апплет (\) определяет включение апплета java. + +> **Примечание:** Примечание: {{htmlelement("applet")}} элемент был удалён в [Gecko 56](https://bugzilla.mozilla.org/show_bug.cgi?id=1279218) и [Chrome](https://bugs.chromium.org/p/chromium/issues/detail?id=470301) в конце 2015 года. Удаление рассматривается в [WebKit](https://bugs.webkit.org/show_bug.cgi?id=157926) и [Edge](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11946645/). + +## Атрибуты + +- {{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 `` 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 + +```html + + + Sorry, you need Java to play this game. + +``` + +## Browser compatibility + +{{Compat}} + +## Notes + +The W3C specification does not encourage the use of `` 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.md b/files/ru/web/html/element/area/index.md index 11904ed055567d..7e2a3b49a89263 100644 --- a/files/ru/web/html/element/area/index.md +++ b/files/ru/web/html/element/area/index.md @@ -3,158 +3,117 @@ 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('Пример', 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.

- -

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

+**HTML `` элемент** определяет активную область на изображении и, при желании, связывает её с {{Glossary("Hyperlink", "гипертекстовой ссылкой")}}. Этот элемент используется только внутри элемента {{HTMLElement("map")}}.{{EmbedInteractiveExample("pages/tabbed/area.html", "tabbed-taller")}} -{{Specifications}} +| [Категории содержимого](en-US/docs/HTML/Content_categories) | [Элементы потока](/ru/docs/Web/HTML/Content_categories#Flow_content), [фразового контента](ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content). | +| ----------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Разрешённое содержимое | Нет, это {{Glossary("пустой элемент")}}. | +| Пропуск тегов | Открывающий тег обязателен, закрывающего быть не должно. | +| Допустимые родительские элементы | Любой элемент, допускающий [фразовый контент](/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content). У элемента `` должен быть родитель {{HTMLElement("map")}}, но он не должен быть прямым родителем. | +| Разрешённые роли ARIA | Нет | +| DOM интерфейс | {{domxref("HTMLAreaElement")}} | + +## Атрибуты + +Этот элемент включает в себя только [глобальные атрибуты](/ru/docs/Web/HTML/Global_attributes). + +- {{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](https://www.ietf.org/rfc/bcp/bcp47.txt "Tags for Identifying Languages"). Используйте данный атрибут при наличии атрибута **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](/ru/docs/Web/HTML/Link_types). 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 . Use this attribute only if the **href** attribute is present. + +## Пример + +```html + + Click to go Left + Click to go Right + +350 x 150 pic +``` + +### Результат + +{{ EmbedLiveSample('Пример', 360, 160) }} + +## Notes + +Under the HTML 3.2, 4.0, and 5 specifications, the closing tag `` is forbidden. + +The XHTML 1.0 specification requires a trailing slash: ``. + +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](https://www.w3.org/TR/html51/obsolete.html#obsolete) obsolete the attribute **type** on this tag. + +## Спецификации + +{{Specifications}} +## Совместимость с браузерами -

{{Compat}}

+{{Compat}} diff --git a/files/ru/web/html/element/article/index.md b/files/ru/web/html/element/article/index.md index d24ddc6ed0d03f..0c8d75f293855e 100644 --- a/files/ru/web/html/element/article/index.md +++ b/files/ru/web/html/element/article/index.md @@ -12,110 +12,84 @@ tags: - Элемент 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>
+{{HTMLRef}}
+
+**HTML-элемент `
`** представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
+
+{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}
+
+Данный документ может иметь множество статей; например, когда читатель просматривает блог, в котором текст каждой статьи отображается один за другим, каждая публикация будет находиться в элементе `
`, возможно, с одним или более элементами `
` внутри.
+
+| [Категории контента](/ru/docs/Web/Guide/HTML/Content_categories) | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток), [секционный контент](/ru/docs/Web/Guide/HTML/Content_categories#Секционный_контент), [явный контент](/ru/docs/Web/Guide/HTML/Content_categories#Явный_контент).                     |
+| ---------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Разрешённое содержимое                                           | [Основной поток](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток).                                                                                                                                                                                     |
+| Пропуск тега                                                     | Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.                                                                                                                                                                                          |
+| Разрешённые родительские элементы                                | Любой элемент, который разрешает [контент основного потока](/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток) в качестве содержимого. Обратите внимание, что элемент `
` не должен быть потомком элемента {{HTMLElement("address")}}. |
+| Разрешённые ARIA роли                                            | {{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}                                                           |
+| DOM-интерфейс                                                    | {{domxref("HTMLElement")}}                                                                                                                                                                                                                             |
+
+## Атрибуты
+
+К этому элементу применимы только [глобальные атрибуты](/ru/docs/Web/HTML/Общие_атрибуты).
+
+## Примечание
+
+- Каждый элемент `
` должен быть идентифицирован, обычно путём добавления заголовка (элементы [`
`-`
`](/ru/docs/Web/HTML/Element/Heading_Elements)) в качестве дочернего элемента.
+- Когда элемент `
` является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами `
`, вложенными в другой `
`, являющийся публикацией в блоге.
+- Информация об авторе в элементе `
` может быть представлена через элемент {{HTMLElement("address")}}, но это не применимо к вложенным элементам `
`.
+- Дата и время публикации в элементе `
` могут быть описаны с помощью атрибута {{htmlattrxref("datetime", "time")}} элемента {{HTMLElement("time")}}. _Обратите внимание, что атрибут {{htmlattrxref("pubdate", "time")}} элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}._
+
+## Примеры
+
+```html
+

+  

+    
Парк Юрского периода

+  

+  

+    
Динозавры были величественны!

+  

+  

+    

+      
Слишком страшно для меня.

+      

+        

           Опубликовано
-          <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>
-
+

+ + +``` -

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

+## Спецификации {{Specifications}} -

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

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

{{Compat}}

+{{Compat}} -

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

+## Смотрите также -
    -
  • Связанные с этим разделом элементы: {{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.
    • -
+- Связанные с этим разделом элементы: {{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](/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document). diff --git a/files/ru/web/html/element/aside/index.md b/files/ru/web/html/element/aside/index.md index 08add6938777bf..8ea326e0a88ceb 100644 --- a/files/ru/web/html/element/aside/index.md +++ b/files/ru/web/html/element/aside/index.md @@ -13,84 +13,59 @@ tags: - Элемент translation_of: Web/HTML/Element/aside --- -
{{HTMLRef}}
- -

HTML-элемент <aside> представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.

- -
{{EmbedInteractiveExample("pages/tabbed/aside.html", "tabbed-standard")}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Категории контентаОсновной поток, секционный контент, явный контент.
Разрешённое содержимоеОсновной поток.
Пропуск тегаНи одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешённые родительские элементыЛюбой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <aside> не должен быть потомком элемента {{HTMLElement("address")}}.
Разрешённые роли ARIA{{ARIARole("feed")}}, {{ARIARole("note")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}, {{ARIARole("search")}}
DOM-интерфейс{{domxref("HTMLElement")}}
- -

Атрибуты

- -

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

- -

Примечание

- -
    -
  • Не используйте элемент <aside> для пометки текста в скобках, так как этот вид текста считается частью основного потокового контента.
    • -
- -

Примеры

- -
<article>
-  <p>
-    Мультфильм студии Уолта Диснея <em>Русалочка</em>
+{{HTMLRef}}
+
+**HTML-элемент `
+

+ +``` -

{{EmbedLiveSample("Примеры")}}

+{{EmbedLiveSample("Примеры")}} -

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

+## Спецификации {{Specifications}} -

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

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

{{Compat}}

+{{Compat}} -

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

+## Смотрите также -
    -
  • Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}.
    • -
  • Разделы и структура документа HTML5.
    • -
  • ARIA: роль complementary
    • -
+- Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}. +- [Разделы и структура документа HTML5](/ru/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document). +- [ARIA: роль complementary](/ru/docs/Web/Accessibility/ARIA/ARIA_Techniques/Complementary_role) diff --git a/files/ru/web/html/element/audio/index.md b/files/ru/web/html/element/audio/index.md index 4224402cf6c91f..8d77eb5261a319 100644 --- a/files/ru/web/html/element/audio/index.md +++ b/files/ru/web/html/element/audio/index.md @@ -19,220 +19,166 @@ tags: - мультимедиа translation_of: Web/HTML/Element/audio --- -
{{HTMLRef}}
+{{HTMLRef}} -

HTML-элемент <audio> используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента {{HTMLElement("source")}} – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс {{domxref("MediaStream")}}.

+**HTML-элемент `