From 6c094948c62abdbb132a28a26c0a5042ce2ffb20 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 6 Sep 2021 10:49:18 +0300 Subject: [RU] Fix some typos (#2357) --- .../building_up_a_basic_demo_with_three.js/index.html | 4 ++-- .../create_the_canvas_and_draw_on_it/index.html | 4 ++-- .../move_the_ball/index.html | 2 +- files/ru/glossary/css/index.html | 4 ++-- files/ru/glossary/global_object/index.html | 2 +- files/ru/glossary/tag/index.html | 2 +- files/ru/learn/accessibility/html/index.html | 10 +++++----- files/ru/learn/accessibility/index.html | 2 +- .../what_are_browser_developer_tools/index.html | 2 +- .../css/building_blocks/backgrounds_and_borders/index.html | 4 ++-- .../css/building_blocks/cascade_and_inheritance/index.html | 4 ++-- files/ru/learn/css/css_layout/floats/index.html | 2 +- files/ru/learn/css/css_layout/introduction/index.html | 6 +++--- files/ru/learn/css/styling_text/index.html | 2 +- .../forms/how_to_build_custom_form_controls/index.html | 4 ++-- .../getting_started_with_the_web/css_basics/index.html | 10 +++++----- .../dealing_with_files/index.html | 2 +- .../javascript_basics/index.html | 2 +- .../html/introduction_to_html/getting_started/index.html | 6 +++--- files/ru/learn/html/introduction_to_html/index.html | 2 +- files/ru/learn/javascript/asynchronous/concepts/index.html | 2 +- .../learn/javascript/asynchronous/introducing/index.html | 2 +- .../asynchronous/timeouts_and_intervals/index.html | 4 ++-- .../javascript/building_blocks/image_gallery/index.html | 2 +- .../javascript/building_blocks/return_values/index.html | 2 +- .../client-side_web_apis/introduction/index.html | 2 +- files/ru/learn/javascript/first_steps/index.html | 2 +- .../first_steps/silly_story_generator/index.html | 2 +- .../javascript/first_steps/what_is_javascript/index.html | 6 +++--- .../objects/adding_bouncing_balls_features/index.html | 2 +- files/ru/learn/javascript/objects/inheritance/index.html | 2 +- .../server-side/django/web_application_security/index.html | 6 +++--- .../webextensions/content_security_policy/index.html | 4 ++-- files/ru/mozilla/firefox/releases/33/index.html | 2 +- files/ru/mozilla/firefox/releases/43/index.html | 4 ++-- files/ru/mozilla/firefox/releases/53/index.html | 2 +- files/ru/mozilla/firefox/releases/68/index.html | 2 +- files/ru/tools/index.html | 2 +- .../page_inspector/how_to/examine_and_edit_css/index.html | 2 +- files/ru/tools/web_console/index.html | 2 +- .../using_the_aria-label_attribute/index.html | 2 +- .../using_the_aria-labelledby_attribute/index.html | 2 +- .../web/accessibility/aria/roles/checkbox_role/index.html | 4 ++-- .../keyboard-navigable_javascript_widgets/index.html | 2 +- files/ru/web/api/animationevent/index.html | 6 +++--- .../api/audiocontext/createmediaelementsource/index.html | 2 +- files/ru/web/api/canvas_api/index.html | 2 +- .../ru/web/api/canvas_api/tutorial/using_images/index.html | 2 +- files/ru/web/api/console/dirxml/index.html | 2 +- .../api/cssstyledeclaration/getpropertyvalue/index.html | 4 ++-- files/ru/web/api/document/index.html | 2 +- files/ru/web/api/document_object_model/examples/index.html | 2 +- files/ru/web/api/document_object_model/index.html | 2 +- files/ru/web/api/element/attachshadow/index.html | 2 +- files/ru/web/api/element/index.html | 2 +- files/ru/web/api/element/innerhtml/index.html | 2 +- files/ru/web/api/element/localname/index.html | 2 +- files/ru/web/api/element/namespaceuri/index.html | 2 +- files/ru/web/api/element/scrollheight/index.html | 2 +- files/ru/web/api/event/index.html | 2 +- files/ru/web/api/event/stopimmediatepropagation/index.html | 2 +- files/ru/web/api/eventtarget/addeventlistener/index.html | 2 +- .../api/globaleventhandlers/onanimationcancel/index.html | 2 +- .../web/api/globaleventhandlers/onanimationend/index.html | 2 +- files/ru/web/api/htmlanchorelement/index.html | 2 +- files/ru/web/api/htmlareaelement/index.html | 2 +- files/ru/web/api/htmlaudioelement/index.html | 2 +- files/ru/web/api/htmlbaseelement/index.html | 2 +- files/ru/web/api/htmlbasefontelement/index.html | 2 +- files/ru/web/api/htmlbodyelement/index.html | 2 +- files/ru/web/api/htmlbrelement/index.html | 4 ++-- files/ru/web/api/htmlcollection/index.html | 6 +++--- files/ru/web/api/htmldataelement/index.html | 2 +- files/ru/web/api/htmldialogelement/index.html | 2 +- files/ru/web/api/htmldialogelement/open/index.html | 2 +- files/ru/web/api/htmldivelement/index.html | 2 +- files/ru/web/api/htmlelement/hidden/index.html | 4 ++-- files/ru/web/api/htmlheadelement/index.html | 2 +- files/ru/web/api/htmlmediaelement/index.html | 2 +- files/ru/web/api/htmltimeelement/index.html | 2 +- files/ru/web/api/htmlunknownelement/index.html | 4 ++-- .../timing_element_visibility/index.html | 2 +- files/ru/web/api/mediadevices/getusermedia/index.html | 2 +- files/ru/web/api/node/index.html | 4 ++-- files/ru/web/api/node/isequalnode/index.html | 2 +- .../using_the_web_animations_api/index.html | 6 +++--- .../web/api/web_workers_api/using_web_workers/index.html | 2 +- .../tutorial/getting_started_with_webgl/index.html | 4 ++-- files/ru/web/api/webgl_api/tutorial/index.html | 2 +- files/ru/web/api/webvr_api/using_the_webvr_api/index.html | 2 +- files/ru/web/api/window/getcomputedstyle/index.html | 2 +- files/ru/web/api/window/index.html | 2 +- files/ru/web/api/xmlhttprequest/index.html | 2 +- files/ru/web/css/@font-feature-values/index.html | 2 +- files/ru/web/css/@namespace/index.html | 2 +- files/ru/web/css/@page/index.html | 2 +- files/ru/web/css/_colon_any-link/index.html | 2 +- files/ru/web/css/_colon_checked/index.html | 2 +- files/ru/web/css/_colon_first/index.html | 2 +- files/ru/web/css/_colon_host()/index.html | 2 +- files/ru/web/css/_colon_placeholder-shown/index.html | 2 +- files/ru/web/css/_colon_right/index.html | 2 +- files/ru/web/css/_doublecolon_backdrop/index.html | 2 +- files/ru/web/css/_doublecolon_cue/index.html | 2 +- files/ru/web/css/_doublecolon_marker/index.html | 2 +- files/ru/web/css/_doublecolon_placeholder/index.html | 4 ++-- files/ru/web/css/actual_value/index.html | 2 +- files/ru/web/css/animation-delay/index.html | 8 ++++---- files/ru/web/css/animation-direction/index.html | 2 +- files/ru/web/css/animation-duration/index.html | 4 ++-- files/ru/web/css/animation-fill-mode/index.html | 6 +++--- files/ru/web/css/animation-iteration-count/index.html | 4 ++-- files/ru/web/css/animation-name/index.html | 2 +- files/ru/web/css/animation-play-state/index.html | 2 +- files/ru/web/css/animation-timing-function/index.html | 2 +- files/ru/web/css/animation/index.html | 4 ++-- files/ru/web/css/appearance/index.html | 2 +- files/ru/web/css/background-color/index.html | 2 +- files/ru/web/css/background-image/index.html | 2 +- files/ru/web/css/background-repeat/index.html | 4 ++-- files/ru/web/css/background-size/index.html | 2 +- files/ru/web/css/border-image-slice/index.html | 2 +- files/ru/web/css/border-radius/index.html | 2 +- files/ru/web/css/border-width/index.html | 2 +- files/ru/web/css/border/index.html | 2 +- files/ru/web/css/bottom/index.html | 2 +- files/ru/web/css/box-shadow/index.html | 2 +- files/ru/web/css/calc()/index.html | 2 +- files/ru/web/css/cascade/index.html | 2 +- files/ru/web/css/computed_value/index.html | 2 +- .../web/css/css_animations/using_css_animations/index.html | 6 +++--- .../using_url_values_for_the_cursor_property/index.html | 4 ++-- .../css/css_columns/using_multi-column_layouts/index.html | 2 +- files/ru/web/css/css_grid_layout/index.html | 2 +- .../understanding_z_index/the_stacking_context/index.html | 6 +++--- .../index.html | 2 +- .../css/css_transitions/using_css_transitions/index.html | 10 +++++----- files/ru/web/css/css_types/index.html | 2 +- files/ru/web/css/filter/index.html | 2 +- files/ru/web/css/float/index.html | 2 +- files/ru/web/css/font-family/index.html | 6 +++--- files/ru/web/css/font-size/index.html | 2 +- files/ru/web/css/font-style/index.html | 2 +- files/ru/web/css/grid-area/index.html | 2 +- files/ru/web/css/grid-template-areas/index.html | 4 ++-- files/ru/web/css/grid-template-columns/index.html | 2 +- files/ru/web/css/grid-template-rows/index.html | 2 +- files/ru/web/css/grid/index.html | 2 +- files/ru/web/css/hyphens/index.html | 2 +- files/ru/web/css/inherit/index.html | 2 +- files/ru/web/css/inheritance/index.html | 2 +- files/ru/web/css/initial/index.html | 2 +- files/ru/web/css/initial_value/index.html | 2 +- files/ru/web/css/layout_mode/index.html | 2 +- files/ru/web/css/margin-bottom/index.html | 4 ++-- files/ru/web/css/mix-blend-mode/index.html | 4 ++-- files/ru/web/css/opacity/index.html | 2 +- files/ru/web/css/order/index.html | 2 +- files/ru/web/css/padding-left/index.html | 2 +- files/ru/web/css/padding-right/index.html | 2 +- files/ru/web/css/padding/index.html | 2 +- files/ru/web/css/pointer-events/index.html | 4 ++-- files/ru/web/css/replaced_element/index.html | 2 +- files/ru/web/css/resolved_value/index.html | 2 +- files/ru/web/css/right/index.html | 2 +- files/ru/web/css/scroll-behavior/index.html | 2 +- files/ru/web/css/shorthand_properties/index.html | 2 +- files/ru/web/css/specified_value/index.html | 4 ++-- files/ru/web/css/syntax/index.html | 2 +- files/ru/web/css/text-align-last/index.html | 2 +- files/ru/web/css/text-align/index.html | 2 +- files/ru/web/css/top/index.html | 2 +- files/ru/web/css/visual_formatting_model/index.html | 6 +++--- files/ru/web/css/widows/index.html | 2 +- files/ru/web/events/index.html | 10 +++++----- files/ru/web/guide/graphics/index.html | 2 +- files/ru/web/html/applying_color/index.html | 14 +++++++------- files/ru/web/html/attributes/index.html | 6 +++--- files/ru/web/html/element/b/index.html | 2 +- files/ru/web/html/element/base/index.html | 2 +- files/ru/web/html/element/bdi/index.html | 4 ++-- files/ru/web/html/element/caption/index.html | 4 ++-- files/ru/web/html/element/code/index.html | 2 +- files/ru/web/html/element/col/index.html | 2 +- files/ru/web/html/element/form/index.html | 2 +- files/ru/web/html/element/heading_elements/index.html | 4 ++-- files/ru/web/html/element/input/range/index.html | 2 +- files/ru/web/html/element/kbd/index.html | 2 +- files/ru/web/html/element/label/index.html | 2 +- files/ru/web/html/element/li/index.html | 6 +++--- files/ru/web/html/element/menu/index.html | 2 +- files/ru/web/html/element/meta/index.html | 4 ++-- files/ru/web/html/element/ol/index.html | 2 +- files/ru/web/html/element/option/index.html | 4 ++-- files/ru/web/html/element/ruby/index.html | 2 +- files/ru/web/html/element/slot/index.html | 2 +- files/ru/web/html/element/td/index.html | 10 +++++----- files/ru/web/html/element/ul/index.html | 4 ++-- files/ru/web/html/element/video/index.html | 2 +- files/ru/web/html/global_attributes/index.html | 4 ++-- files/ru/web/http/cors/index.html | 2 +- files/ru/web/http/csp/index.html | 2 +- files/ru/web/http/headers/content-language/index.html | 2 +- files/ru/web/index.html | 2 +- files/ru/web/javascript/guide/introduction/index.html | 2 +- files/ru/web/javascript/guide/keyed_collections/index.html | 2 +- files/ru/web/javascript/index.html | 2 +- files/ru/web/javascript/memory_management/index.html | 2 +- .../javascript/reference/global_objects/eval/index.html | 2 +- .../javascript/reference/global_objects/proxy/index.html | 2 +- .../ru/web/javascript/reference/lexical_grammar/index.html | 2 +- .../ru/web/javascript/reference/operators/this/index.html | 4 ++-- files/ru/web/javascript/reference/strict_mode/index.html | 2 +- files/ru/web/javascript/shells/index.html | 2 +- files/ru/web/mathml/element/math/index.html | 2 +- .../animation_performance_and_frame_rate/index.html | 14 +++++++------- .../ru/web/performance/critical_rendering_path/index.html | 6 +++--- .../css_javascript_animation_performance/index.html | 4 ++-- files/ru/web/performance/fundamentals/index.html | 4 ++-- files/ru/web/svg/attribute/core/index.html | 2 +- files/ru/web/svg/attribute/fill-rule/index.html | 2 +- files/ru/web/svg/attribute/index.html | 2 +- files/ru/web/svg/element/ellipse/index.html | 2 +- .../web/svg/tutorial/svg_in_html_introduction/index.html | 2 +- files/ru/web/web_components/index.html | 2 +- files/ru/webassembly/c_to_wasm/index.html | 8 ++++---- files/ru/webassembly/rust_to_wasm/index.html | 2 +- files/ru/webassembly/using_the_javascript_api/index.html | 2 +- 228 files changed, 333 insertions(+), 333 deletions(-) diff --git a/files/ru/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html b/files/ru/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html index bf82bb9b98..8c89ecc871 100644 --- a/files/ru/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html +++ b/files/ru/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html @@ -46,7 +46,7 @@ translation_of: Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Thr <script> var WIDTH = window.innerWidth; var HEIGHT = window.innerHeight; - /* весь наш JavaScript код будет после этого комментария */ + /* весь наш JavaScript-код будет после этого комментария */ </script> </body> </html> @@ -66,7 +66,7 @@ renderer.setClearColor(0xDDDDDD, 1); document.body.appendChild(renderer.domElement); -

Создаём новый WebGL renderer, устанавливаем размер так, чтобы он занимал все пространство страницы, прикрепляем DOM элемент к странице. Вы могли заметить параметр antialias в первой строке — если он установлен в true, то границы объектов сглаживаются. Метод setClearColor() устанавливает цвет фона (мы установили в 0xDDDDDD, светло-серый, значение по умолчанию - чёрный).

+

Создаём новый WebGL renderer, устанавливаем размер так, чтобы он занимал все пространство страницы, прикрепляем DOM-элемент к странице. Вы могли заметить параметр antialias в первой строке — если он установлен в true, то границы объектов сглаживаются. Метод setClearColor() устанавливает цвет фона (мы установили в 0xDDDDDD, светло-серый, значение по умолчанию - чёрный).

Добавьте этот код в ваш элемент {{htmlelement("script")}}.

diff --git a/files/ru/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html b/files/ru/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html index 7e4b3d8e30..487843ecad 100644 --- a/files/ru/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html +++ b/files/ru/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html @@ -43,14 +43,14 @@ original_slug: >- <canvas id="myCanvas" width="480" height="320"></canvas> <script> - // JavaScript код будем писать здесь + // JavaScript-код будем писать здесь </script> </body> </html> -

Мы определили charset, {{htmlelement("title")}} и некий базовый CSS в заголовке. Тело документа содержит элементы {{htmlelement("canvas")}} и {{htmlelement("script")}} — мы будем визуализировать игру внутри первого и писать JavaScript код, который управляет игрой, во втором. Элемент {{htmlelement("canvas")}} имеет id равный myCanvas, который позволяет однозначно отыскать элемент. Так же этот элемент имеет ширину 480 пикселей и высоту 320 пикселей. Весь JavaScript код мы будем писать между открывающим тегом <script> и закрывающим тегом </script>.

+

Мы определили charset, {{htmlelement("title")}} и некий базовый CSS в заголовке. Тело документа содержит элементы {{htmlelement("canvas")}} и {{htmlelement("script")}} — мы будем визуализировать игру внутри первого и писать JavaScript-код, который управляет игрой, во втором. Элемент {{htmlelement("canvas")}} имеет id равный myCanvas, который позволяет однозначно отыскать элемент. Так же этот элемент имеет ширину 480 пикселей и высоту 320 пикселей. Весь JavaScript-код мы будем писать между открывающим тегом <script> и закрывающим тегом </script>.

Основы Canvas

diff --git a/files/ru/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html b/files/ru/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html index 5738a86402..6641bd47b3 100644 --- a/files/ru/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html +++ b/files/ru/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html @@ -28,7 +28,7 @@ original_slug: Games/Tutorials/2D_Breakout_game_pure_JavaScript/Перемест

Чтобы canvas постоянно обновлялся, необходимо определить функцию отрисовки, которая будет циклически запускаться с разными параметрами, чтобы изменять позицию элемента. Функцию можно циклически запускать с помощью JavaScript временной функции, такой как {{domxref("WindowTimers.setInterval()", "setInterval()")}} или {{domxref("window.requestAnimationFrame()", "requestAnimationFrame()")}}.

-

Удалите весь JavaScript код, который сейчас хранился в вашем HTML файле, за исключением первых двух строк, и добавьте следующий код после них. Функция draw() будет исполняться внутри функции setInterval каждые 10 мс:

+

Удалите весь JavaScript-код, который сейчас хранился в вашем HTML файле, за исключением первых двух строк, и добавьте следующий код после них. Функция draw() будет исполняться внутри функции setInterval каждые 10 мс:

function draw() {
     // код отрисовки
diff --git a/files/ru/glossary/css/index.html b/files/ru/glossary/css/index.html
index 1e61b72e51..b6f9240e80 100644
--- a/files/ru/glossary/css/index.html
+++ b/files/ru/glossary/css/index.html
@@ -10,9 +10,9 @@ original_slug: Глоссарий/CSS
 ---
 
CSS (Cascading Style Sheets, или каскадные таблицы стилей) - это декларативный язык, который отвечает за то, как страницы выглядят в {{glossary("browser","веб браузере")}}. CSS стили содержат свойства и их значения, которые и определяют, как будет выглядеть сайт.

 
-
CSS одна из ключевых Web технологий, наряду с {{Glossary("HTML")}} и {{Glossary("JavaScript")}}. Как правило CSS используется для определения стилей {{Glossary("Element","HTML элементов")}}, но также может быть применён совместно с другими языками разметки, такими как {{Glossary("SVG")}} или {{Glossary("XML")}}.

+
CSS одна из ключевых Web технологий, наряду с {{Glossary("HTML")}} и {{Glossary("JavaScript")}}. Как правило CSS используется для определения стилей {{Glossary("Element","HTML-элементов")}}, но также может быть применён совместно с другими языками разметки, такими как {{Glossary("SVG")}} или {{Glossary("XML")}}.

 
-
CSS правило состоит из {{Glossary("selector","селектора")}} и набора {{Glossary("CSS Property","свойств")}} с их значениями. В этом примере все HTML параграфы будут иметь текст жёлтого цвета на чёрном фоне:

+
CSS-правило состоит из {{Glossary("selector","селектора")}} и набора {{Glossary("CSS Property","свойств")}} с их значениями. В этом примере все HTML параграфы будут иметь текст жёлтого цвета на чёрном фоне:

 
 
/* Селектор "p" означает, что данное правило будет применено ко всем параграфам в документе */
 p {
diff --git a/files/ru/glossary/global_object/index.html b/files/ru/glossary/global_object/index.html
index cfda431f7c..3b67604ecc 100644
--- a/files/ru/glossary/global_object/index.html
+++ b/files/ru/glossary/global_object/index.html
@@ -9,7 +9,7 @@ original_slug: Глоссарий/Global_object
 
В JavaScript всегда определён глобальный объект. В веб-браузере, когда скрипты создают глобальные переменные, они создаются как свойства глобального объекта. (В {{Glossary("Node.js")}} это не так.) {{Glossary("Interface")}} глобального объекта зависит от контекста, в котором выполняется скрипт.К примеру:

 
 
    
- 
  • В веб-браузере любой код, который не запускается скриптом явно как фоновую задачу, имеет {{domxref("Window")}} в качестве своего глобального объекта. Это покрывает большую часть JavaScript кода в сети.
    • 
+ 
  • В веб-браузере любой код, который не запускается скриптом явно как фоновую задачу, имеет {{domxref("Window")}} в качестве своего глобального объекта. Это покрывает большую часть JavaScript-кода в сети.
    • 
  
  • Код, работающий в {{domxref("Worker")}} имеет {{domxref("WorkerGlobalScope")}} объект в качестве своего глобального объекта.
    • 
  
  • Скрипты, работающие в {{Glossary("Node.js")}} имеют объект, который называется global в качестве своего глобального объекта.
    • 
 

diff --git a/files/ru/glossary/tag/index.html b/files/ru/glossary/tag/index.html
index 92d60248a0..595a1bd82f 100644
--- a/files/ru/glossary/tag/index.html
+++ b/files/ru/glossary/tag/index.html
@@ -9,7 +9,7 @@ tags:
 translation_of: Glossary/Tag
 original_slug: Глоссарий/Тег
 ---
-
В {{Glossary("HTML")}} теги используются для создания {{Glossary("Элемент", "элементов")}}. Имя HTML элемента - это имя заключённое в угловые скобки, как например <p> для "абзаца". Обратите внимание, что концу имени предшествует символ косой черты (слеша), "</p>", и что в пустых элементах закрывающий тег не требуется и не допускается. Если атрибуты не указаны, то для них применяются значения по умолчанию. 

+
В {{Glossary("HTML")}} теги используются для создания {{Glossary("Элемент", "элементов")}}. Имя HTML-элемента - это имя заключённое в угловые скобки, как например <p> для "абзаца". Обратите внимание, что концу имени предшествует символ косой черты (слеша), "</p>", и что в пустых элементах закрывающий тег не требуется и не допускается. Если атрибуты не указаны, то для них применяются значения по умолчанию. 

 
 
Узнать больше

 
diff --git a/files/ru/learn/accessibility/html/index.html b/files/ru/learn/accessibility/html/index.html
index af0dc28ff9..10af9fe8f9 100644
--- a/files/ru/learn/accessibility/html/index.html
+++ b/files/ru/learn/accessibility/html/index.html
@@ -19,7 +19,7 @@ original_slug: Learn/Доступность/HTML
 
 
{{PreviousMenuNext("Learn/Accessibility/What_is_Accessibility","Learn/Accessibility/CSS_and_JavaScript", "Learn/Accessibility")}}

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

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

 
 
@@ -38,9 +38,9 @@ original_slug: Learn/Доступность/HTML
 
 
HTML и доступность

 
-
По мере изучения HTML: чтения статей, просмотра примеров и т.д., вы заметите одну общую тему — важность использования семантического HTML (иногда называемого POSH (Plain Old Semantic HTML), или «старый добрый семантический HTML»). Это означает использование HTML элементов по назначению насколько это возможно.

+
По мере изучения HTML: чтения статей, просмотра примеров и т.д., вы заметите одну общую тему — важность использования семантического HTML (иногда называемого POSH (Plain Old Semantic HTML), или «старый добрый семантический HTML»). Это означает использование HTML-элементов по назначению насколько это возможно.

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

+
Вы спросите, почему это так важно?  В конце концов, можно использовать комбинацию CSS и JavaScript, чтобы заставить почти любой HTML-элемент вести себя так, как вы захотите. Например, кнопка для воспроизведения видео на вашем сайте может быть обозначена вот так:
<div>Воспроизвести видео</div>

 
@@ -48,7 +48,7 @@ original_slug: Learn/Доступность/HTML
 
 
<button>Воспроизвести видео</button>

 
-
HTML элементы <button> не только имеют соответствующие кнопке стили по умолчанию (которые вы скорее всего захотите переписать), они также имеют встроенную доступность с клавиатуры: между ними можно передвигаться с помощью кнопки Tab и активировать, используя Enter.

+
HTML-элементы <button> не только имеют соответствующие кнопке стили по умолчанию (которые вы скорее всего захотите переписать), они также имеют встроенную доступность с клавиатуры: между ними можно передвигаться с помощью кнопки Tab и активировать, используя Enter.
Вёрстка с помощью семантического HTML не займёт больше времени, чем с помощью не семантического (плохого) HTML, если делать это последовательно с самого начала проекта, и это также имеет другие преимущества помимо доступности:

 
@@ -66,7 +66,7 @@ original_slug: Learn/Доступность/HTML
 
 
Хорошая семантика

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

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

 
diff --git a/files/ru/learn/accessibility/index.html b/files/ru/learn/accessibility/index.html
index ddaa937807..aed1c30008 100644
--- a/files/ru/learn/accessibility/index.html
+++ b/files/ru/learn/accessibility/index.html
@@ -28,7 +28,7 @@ original_slug: Learn/Доступность
  
Что такое доступность?
Данная статья открывает модуль, в котором рассматривается, что такое доступность на самом деле — она включает в себя группы людей, которые нам нужно учитывать и почему, какие инструменты используют разные пользователи для взаимодействия с вебом, и как мы можем сделать доступность частью нашего рабочего процесса веб-разработки.
HTML: Хорошая основа для доступности

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

+ 
Большая часть содержимого интернета может быть сделана доступной просто благодаря использованию HTML-элементов по назначению. В этой статье подробно рассмотрено как HTML может быть использован для обеспечения максимальной доступности.
Лучшие практики CSS и JavaScript для обеспечения доступности
CSS и JavaScript, при правильном использовании, также имеют потенциал для обеспечения доступности, но при неправильном использовании они могут существенно ухудшить доступность. Эта статья раскрывает некоторые из лучших практик CSS и JavaScript которые должны помочь сделать даже очень сложное содержимое как можно более доступным.
Основы WAI-ARIA

diff --git a/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html
index da683ca2ea..49d64d16a3 100644
--- a/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html
+++ b/files/ru/learn/common_questions/what_are_browser_developer_tools/index.html
@@ -87,7 +87,7 @@ original_slug: Learn/Discover_browser_developer_tools
 
 
Обзор CSS редактора

 
-
По умолчанию, CSS редактор отображает CSS свойства применённые к текущему выбранному элементу:

+
По умолчанию, CSS редактор отображает CSS-свойства применённые к текущему выбранному элементу:

 
diff --git a/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.html b/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.html
index 36aa7ee1e2..ab427b275c 100644
--- a/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.html
+++ b/files/ru/learn/css/building_blocks/backgrounds_and_borders/index.html
@@ -15,7 +15,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders
 ---
 
{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/The_box_model", "Learn/CSS/Building_blocks/Handling_different_text_directions", "Learn/CSS/Building_blocks")}}

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

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

  
 
 
 
 
 
 
  
  
  
  
  
 
 
 
 

@@ -32,7 +32,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders
 
 
Стилизация фона в CSS

 
-
CSS свойство {{cssxref ("background")}} является сокращением для ряда полных свойств фона, с которыми мы познакомимся в этом уроке. Если вы обнаружите сложное свойство background в таблице стилей, это может показаться трудным для понимания, так как одновременно может быть передано так много значений.

+
CSS-свойство {{cssxref ("background")}} является сокращением для ряда полных свойств фона, с которыми мы познакомимся в этом уроке. Если вы обнаружите сложное свойство background в таблице стилей, это может показаться трудным для понимания, так как одновременно может быть передано так много значений.
.box {
   background: linear-gradient(105deg, rgba(255,255,255,.2) 39%, rgba(51,56,57,1) 96%) center center / 400px 200px no-repeat,
diff --git a/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.html
index 9361af4e38..a3de4a879b 100644
--- a/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.html
+++ b/files/ru/learn/css/building_blocks/cascade_and_inheritance/index.html
@@ -77,7 +77,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
 
Некоторые свойства не наследуются — например, если вы установили для элемента {{cssxref("width")}} равным 50%, все его дочерние элементы не получат ширину в 50% от ширины своего родительского элемента. Если бы это было так, CSS было бы чрезвычайно трудно использовать!

 
 

-
Примечание: На страницах справочника CSS свойств вы можете найти окно технической информации, обычно в конце раздела спецификации, в котором перечислены некоторые технические данные об этом свойстве, в том числе наследуется оно или нет. Например, здесь: color property Specifications section.

+
Примечание: На страницах справочника CSS-свойств вы можете найти окно технической информации, обычно в конце раздела спецификации, в котором перечислены некоторые технические данные об этом свойстве, в том числе наследуется оно или нет. Например, здесь: color property Specifications section.

 

 
 
Понимание взаимодействия этих концепций

@@ -145,7 +145,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
 
 
Понимание каскада

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

+
Теперь мы понимаем, почему параграф, следующий по глубине в структуре HTML документа, имеет тот же цвет, что CSS применяет к body, а вводные уроки дали понимание того, как изменить применение CSS к чему-либо в любой точке документа — или назначить CSS элементу, или создать класс. Теперь рассмотрим подробнее то, как каскад определяет выбор CSS-правил, применяемых в случае влияния на стиль элемента нескольких объектов.

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

 
diff --git a/files/ru/learn/css/css_layout/floats/index.html b/files/ru/learn/css/css_layout/floats/index.html
index 7edb7ea011..195ffe4374 100644
--- a/files/ru/learn/css/css_layout/floats/index.html
+++ b/files/ru/learn/css/css_layout/floats/index.html
@@ -327,7 +327,7 @@ translation_of: Learn/CSS/CSS_layout/Floats
   display: block;
 }

 
-
Теперь перезагрузите страницу и блок должен быть очищенным. По сути, это то же самое, как если бы вы добавили HTML элемент такой как <div> ниже объекта и установили clear: both.

+
Теперь перезагрузите страницу и блок должен быть очищенным. По сути, это то же самое, как если бы вы добавили HTML-элемент такой как <div> ниже объекта и установили clear: both.

 
 

 

-   
+   
@@ -142,7 +142,7 @@ translation_of: Learn/Getting_started_with_the_web/CSS_basics
  
  • Прежде всего, вернитесь и найдите вывод из Google Fonts, который вы уже где-то сохранили. Добавьте элемент {{htmlelement("link")}} где-нибудь внутри шапки вашего index.html (снова, в любом месте между тегами <head> и </head>). Это будет выглядеть примерно так:
 
   
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    
-  Этот код связывает вашу страницу с таблицой стилями, которая загружает семейство шрифтов Open Sans вместе с вашей страницей и позволяет вам применять их к вашим HTML элементам используя свою собственную таблицу стилей.
    • 
+  Этот код связывает вашу страницу с таблицой стилями, которая загружает семейство шрифтов Open Sans вместе с вашей страницей и позволяет вам применять их к вашим HTML-элементам используя свою собственную таблицу стилей.
  
  • Затем, удалите существующее правило в вашем style.css файле. Это был хороший тест, но красный текст, на самом деле, не очень хорошо выглядит.
    • 
  
  • Добавьте следующие строки в нужное место, заменив строку placeholder актуальной font-family строкой, которую вы получили из Google Fonts. (font-family просто означает, какой шрифт(ы) вы хотите использовать для вашего текста). Это правило устанавливает глобальный базовый шрифт и размер шрифта для всей страницы (поскольку <html> является родительским элементом для всей страницы, и все элементы внутри него наследуют такой же font-size и font-family):
   
    html {
@@ -174,7 +174,7 @@ p, li {
 
 
    Блоки, блоки и ещё раз блоки
    
 
-
    Одна вещь, которую вы заметите в написании CSS, заключается в том, что многое из этого касается блоков - настройка их размера, цвета, положения и т.д. Большинство HTML элементов на странице можно рассматривать как блоки, расположенные друг над другом.
    
+
    Одна вещь, которую вы заметите в написании CSS, заключается в том, что многое из этого касается блоков - настройка их размера, цвета, положения и т.д. Большинство HTML-элементов на странице можно рассматривать как блоки, расположенные друг над другом.
    
 
 
    a big stack of boxes or crates sat on top of one another
    
 
diff --git a/files/ru/learn/getting_started_with_the_web/dealing_with_files/index.html b/files/ru/learn/getting_started_with_the_web/dealing_with_files/index.html
index 90702e8220..c3868ca83b 100644
--- a/files/ru/learn/getting_started_with_the_web/dealing_with_files/index.html
+++ b/files/ru/learn/getting_started_with_the_web/dealing_with_files/index.html
@@ -51,7 +51,7 @@ translation_of: Learn/Getting_started_with_the_web/Dealing_with_files
  
  • index.html: Этот файл обычно содержит контент домашней страницы, то есть текст и изображения, которые люди видят, когда они впервые попадают на ваш сайт. Используя ваш текстовый редактор, создайте новый файл с именем index.html и сохраните его прямо внутри вашей папки test-site.
    • 
  
  • Папка images: Эта папка будет содержать все изображения, которые вы используете на вашем сайте. Создайте папку с именем images внутри вашей папки test-site.
    • 
  
  • Папка styles: Эта папка будет содержать CSS код, используемый для стилизации вашего контента (например, настройка текста и цвета фона). Создайте папку с именем styles внутри вашей папки test-site.
    • 
- 
  • Папка scripts: Эта папка будет содержать весь JavaScript код, используемый для добавления интерактивных функций на вашем сайте (например, кнопки которые загружают данные при клике). Создайте папку с именем scripts внутри вашей папки test-site.
    • 
+ 
  • Папка scripts: Эта папка будет содержать весь JavaScript-код, используемый для добавления интерактивных функций на вашем сайте (например, кнопки которые загружают данные при клике). Создайте папку с именем scripts внутри вашей папки test-site.
    • 
 
 
 
    
diff --git a/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html b/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html
index 2e6e3278ea..1a7219bb05 100644
--- a/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html
+++ b/files/ru/learn/getting_started_with_the_web/javascript_basics/index.html
@@ -162,7 +162,7 @@ myVariable = 'Steve';
    
 
 
    Комментарии
    
 
-
    Комментарии - это, по сути, короткие фрагменты текста, которые могут быть добавлены в код, и которые игнорируются браузером. Вы можете поместить комментарии в JavaScript код, так же как вы делали это в CSS:
    
+
    Комментарии - это, по сути, короткие фрагменты текста, которые могут быть добавлены в код, и которые игнорируются браузером. Вы можете поместить комментарии в JavaScript-код, так же как вы делали это в CSS:
    
 
 
    /*
 Всё, что находится тут - комментарий.
diff --git a/files/ru/learn/html/introduction_to_html/getting_started/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html
index 2aaf93d4a4..e186996164 100644
--- a/files/ru/learn/html/introduction_to_html/getting_started/index.html
+++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html
@@ -48,7 +48,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Начало_работы
 
    Примечание: Метки в HTML нечувствительны к регистру, то есть они могут быть записаны в верхнем или нижнем регистре. Например, тег {{htmlelement("title")}} может быть записан как <title>, <TITLE>, <Title>, <TiTlE>, и т.д., и он будет работать нормально. Лучшей практикой, однако, является запись всех тегов в нижнем регистре для обеспечения согласованности, удобочитаемости и других причин.
    
 
 
-
    Структура HTML элементов
    
+
    Структура HTML-элементов
    
 
 
    Давайте рассмотрим элемент "параграф" чуть подробнее:
    
 
@@ -63,7 +63,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Начало_работы
  
  • Элемент: открывающий тег + закрывающий тег + содержимое = элемент.
    • 
 
 
-
    Активное изучение: создание вашего первого HTML элемента
    
+
    Активное изучение: создание вашего первого HTML-элемента
    
 
 
    Отредактируйте строку текста ниже в поле Ввод, обернув её тегами <em> и </em> (вставьте <em> перед строкой, чтобы указать начало элемента, и </em> после неё, чтобы указать конец элемента) — эти действия должны выделить строку текста курсивом! Вы можете видеть изменения в реальном времени в поле Вывод.
    
 
@@ -459,7 +459,7 @@ textarea.onkeyup = function(){
 
 
    Структура HTML документа
    
 
-
    Ниже дан пример оборачивания основных, самостоятельных HTML элементов, которые сами по себе не очень полезны. Давайте посмотрим, как самостоятельные элементы объединяются для формирования всей HTML страницы:
    
+
    Ниже дан пример оборачивания основных, самостоятельных HTML-элементов, которые сами по себе не очень полезны. Давайте посмотрим, как самостоятельные элементы объединяются для формирования всей HTML страницы:
    
 
 
    <!DOCTYPE html>
 <html>
diff --git a/files/ru/learn/html/introduction_to_html/index.html b/files/ru/learn/html/introduction_to_html/index.html
index 336321157d..81fd942bf8 100644
--- a/files/ru/learn/html/introduction_to_html/index.html
+++ b/files/ru/learn/html/introduction_to_html/index.html
@@ -34,7 +34,7 @@ original_slug: Learn/HTML/Введение_в_HTML
 
 
    
  
    Начало работы с HTML
    
- 
    Охватывает базовые основы HTML, чтобы вы начали изучение - мы опишем элементы, атрибуты и все другие важные термины, о которых вы, возможно, уже слышали, а также где и как они располагаются в языке. Мы также покажем, структуру HTML элемента, как устроена типичная страница HTML, и объясним другие важные языковые особенности. По ходу мы будем играть с HTML так, чтобы вам было интересно!
    
+ 
    Охватывает базовые основы HTML, чтобы вы начали изучение - мы опишем элементы, атрибуты и все другие важные термины, о которых вы, возможно, уже слышали, а также где и как они располагаются в языке. Мы также покажем, структуру HTML-элемента, как устроена типичная страница HTML, и объясним другие важные языковые особенности. По ходу мы будем играть с HTML так, чтобы вам было интересно!
    
  
    Что такое заголовок? Метаданные в HTML
    
  
    Заголовок HTML — это часть документа, которая не отображается в браузере при загрузке страницы. Он содержит информацию, такую как: страница {{htmlelement("title")}}, ссылки на {{glossary("CSS")}} (если вы хотите стилизовать свой HTML при помощи CSS), ссылки на пользовательские значки и метаданные (которые представляют собой данные о HTML, например, кто его написал или важные ключевые слова, которые описывают документ).
    
  
    Основы редактирования текста в HTML
    
diff --git a/files/ru/learn/javascript/asynchronous/concepts/index.html b/files/ru/learn/javascript/asynchronous/concepts/index.html
index cd87899ec3..bdc84b6f72 100644
--- a/files/ru/learn/javascript/asynchronous/concepts/index.html
+++ b/files/ru/learn/javascript/asynchronous/concepts/index.html
@@ -117,7 +117,7 @@ Thread 2: Task C --> Task D
    
 
 
    Main thread: Render circles to canvas --> Display alert()
    
 
-
    В итоге, JavaScript получил несколько инструментов, которые могут помочь в решении подобных проблем. Web workers позволяют вам обработать некоторый JavaScript код в отдельном потоке, который называется обработчик, таким образом вы можете запускать отдельные блоки JavaScript кода одновременно. В основном, вы будете использовать воркеры, чтобы запустить ресурсоёмкий процесс, отдельно от основного потока, чтобы не блокировать действия пользователя.
    
+
    В итоге, JavaScript получил несколько инструментов, которые могут помочь в решении подобных проблем. Web workers позволяют вам обработать некоторый JavaScript-код в отдельном потоке, который называется обработчик, таким образом вы можете запускать отдельные блоки JavaScript-кода одновременно. В основном, вы будете использовать воркеры, чтобы запустить ресурсоёмкий процесс, отдельно от основного потока, чтобы не блокировать действия пользователя.
    
 
 
      Main thread: Task A --> Task C
 Worker thread: Expensive task B
    
diff --git a/files/ru/learn/javascript/asynchronous/introducing/index.html b/files/ru/learn/javascript/asynchronous/introducing/index.html
index f8f24c442d..9be0564c1d 100644
--- a/files/ru/learn/javascript/asynchronous/introducing/index.html
+++ b/files/ru/learn/javascript/asynchronous/introducing/index.html
@@ -176,7 +176,7 @@ gods.forEach(function (eachName, index){
 
 
    Очередь событий
    
 
-
    Асинхронные операции, такие как промисы, помещаются в очередь событий, которая запускается после завершения обработки основного потока, чтобы они не блокировали выполнение JavaScript кода. Поставленные в очередь операции завершатся как можно скорее, а затем вернут свои результаты в среду JavaScript  .
    
+
    Асинхронные операции, такие как промисы, помещаются в очередь событий, которая запускается после завершения обработки основного потока, чтобы они не блокировали выполнение JavaScript-кода. Поставленные в очередь операции завершатся как можно скорее, а затем вернут свои результаты в среду JavaScript  .
    
 
 
    Промисы и колбэк-функции
    
 
diff --git a/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html
index 50550da46a..8d00ba98af 100644
--- a/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html
+++ b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html
@@ -360,7 +360,7 @@ div {
   
    Разместите  {{htmlelement("script")}} элемент перед </body> .
    
  
    • 
  
  • 
-  
    Разместите следующий JavaScript код в  <script> . Здесь вы сохраняете ссылку на <div> внутри, устанавливаете для переменной rotateCount значение 0, устанавливаете неинициализированную переменную, которая позже будет использоваться для хранения ссылки на вызов requestAnimationFrame(), и устанавливаете для переменной startTime значение null, которая будет позже использоваться для хранения времени начала requestAnimationFrame().
    
+  
    Разместите следующий JavaScript-код в  <script> . Здесь вы сохраняете ссылку на <div> внутри, устанавливаете для переменной rotateCount значение 0, устанавливаете неинициализированную переменную, которая позже будет использоваться для хранения ссылки на вызов requestAnimationFrame(), и устанавливаете для переменной startTime значение null, которая будет позже использоваться для хранения времени начала requestAnimationFrame().
    
 
   
    const spinner = document.querySelector('div');
 let rotateCount = 0;
@@ -480,7 +480,7 @@ let rAF;
 
 
      
  
    1. 
-  
      Прежде всего, скачайте стартовый файл. Он содержит законченную структуру HTML и стили CSS, что даёт нам игровую доску, которая показывает информацию двух игроков (как показано выше), но с счётчиком и параграфом результатов, отображаемыми друг над другом. Вам нужно просто написать JavaScript код.
      
+  
      Прежде всего, скачайте стартовый файл. Он содержит законченную структуру HTML и стили CSS, что даёт нам игровую доску, которая показывает информацию двух игроков (как показано выше), но с счётчиком и параграфом результатов, отображаемыми друг над другом. Вам нужно просто написать JavaScript-код.
      
  
      2. 
  
    2. 
   
      Внутри пустого элемента {{htmlelement("script")}} на вашей странице, начните с добавления следующих строк кода, которые определяют некоторые переменные и константы, которые вам понадобятся в дальнейшем:
      
diff --git a/files/ru/learn/javascript/building_blocks/image_gallery/index.html b/files/ru/learn/javascript/building_blocks/image_gallery/index.html
index eaf3499a4d..8747a57971 100644
--- a/files/ru/learn/javascript/building_blocks/image_gallery/index.html
+++ b/files/ru/learn/javascript/building_blocks/image_gallery/index.html
@@ -40,7 +40,7 @@ translation_of: Learn/JavaScript/Building_blocks/Image_gallery
 
 
      Обзор проекта
      
 
-
      В примере вы увидите несколько файлов HTML, CSS и изображений и несколько строк JavaScript кода. Вам нужно написать недостающий JavaScript код для того чтобы галерея заработала. Каркас HTML страницы выглядит так:
      
+
      В примере вы увидите несколько файлов HTML, CSS и изображений и несколько строк JavaScript-кода. Вам нужно написать недостающий JavaScript-код для того чтобы галерея заработала. Каркас HTML страницы выглядит так:
      
 
 
      <h1>Пример фотогалереи</h1>
 
diff --git a/files/ru/learn/javascript/building_blocks/return_values/index.html b/files/ru/learn/javascript/building_blocks/return_values/index.html
index 6354334caa..d562ac8034 100644
--- a/files/ru/learn/javascript/building_blocks/return_values/index.html
+++ b/files/ru/learn/javascript/building_blocks/return_values/index.html
@@ -90,7 +90,7 @@ console.log(newString);
 
      Теперь напишем нашу собственную возвращающую значение функцию.
      
 
 
        
- 
      1. Первым делом, сделайте локальную копию файла function-library.html из GitHub. Это простая HTML страничка, содержащая текстовое поле {{htmlelement("input")}} и параграф Также там есть элемент {{htmlelement("script")}} в котором мы храним в 2ух переменных ссылки на оба HTML элемента. Это маленькая страничка позволит вам ввести число в text box и отобразит различные, относящиеся к нему числа в параграфе ниже.
        2. 
+ 
      2. Первым делом, сделайте локальную копию файла function-library.html из GitHub. Это простая HTML страничка, содержащая текстовое поле {{htmlelement("input")}} и параграф Также там есть элемент {{htmlelement("script")}} в котором мы храним в 2ух переменных ссылки на оба HTML-элемента. Это маленькая страничка позволит вам ввести число в text box и отобразит различные, относящиеся к нему числа в параграфе ниже.
        3. 
  
      3. Теперь добавим несколько полезных функций в элемент <script> . Ниже двух существующих строчек JavaScript, добавьте следующие описания функций:
   
        function squared(num) {
   return num * num;
diff --git a/files/ru/learn/javascript/client-side_web_apis/introduction/index.html b/files/ru/learn/javascript/client-side_web_apis/introduction/index.html
index 5e2895d615..32cf39bfb3 100644
--- a/files/ru/learn/javascript/client-side_web_apis/introduction/index.html
+++ b/files/ru/learn/javascript/client-side_web_apis/introduction/index.html
@@ -260,7 +260,7 @@ request.onload = function() {
 
 
        Итоги
        
 
-
        На данном этапе, у вас должно сформироваться представление о том, что такое API, как они работают и как вы можете применить их в своём JavaScript коде. Вам наверняка не терпится начать делать по-настоящему интересные вещи с конкретными API, так вперёд! В следующий раз мы рассмотрим работу с документом с помощью Document Object Model (DOM).
        
+
        На данном этапе, у вас должно сформироваться представление о том, что такое API, как они работают и как вы можете применить их в своём JavaScript-коде. Вам наверняка не терпится начать делать по-настоящему интересные вещи с конкретными API, так вперёд! В следующий раз мы рассмотрим работу с документом с помощью Document Object Model (DOM).
        
 
 
        {{NextMenu("Learn/JavaScript/Client-side_web_APIs/Manipulating_documents", "Learn/JavaScript/Client-side_web_APIs")}}
        
 
diff --git a/files/ru/learn/javascript/first_steps/index.html b/files/ru/learn/javascript/first_steps/index.html
index 9e296362a7..5f02bb1255 100644
--- a/files/ru/learn/javascript/first_steps/index.html
+++ b/files/ru/learn/javascript/first_steps/index.html
@@ -34,7 +34,7 @@ original_slug: Learn/JavaScript/Первые_шаги
  
        Первое погружение в JavaScript
        
  
        Теперь, когда вы знаете кое-что о JavaScript, и что он может делать, мы предлагаем вам пройти интенсивный практический урок по базовой функциональности JavaScript. Здесь вы, шаг за шагом, создадите простую игру "Угадай число".
        
  
        Что пошло не так? Устранение ошибок JavaScript
        
- 
        В процессе создания игры "Угадай число" из предыдущего урока, вы могли заметить что она не работала. Не стоит унывать - данная статья научит вас беречь собственные нервы, а так же, даст несколько советов о том как решать такие проблемы, искать и исправлять неполадки в JavaScript коде.
        
+ 
        В процессе создания игры "Угадай число" из предыдущего урока, вы могли заметить что она не работала. Не стоит унывать - данная статья научит вас беречь собственные нервы, а так же, даст несколько советов о том как решать такие проблемы, искать и исправлять неполадки в JavaScript-коде.
        
  
        Хранение нужной вам информации - Переменные
        
  
        После прочтения предыдущих статей вы должны знать что из себя представляет JavaScript, что он может, как взаимодействует с другими web технологиями, и каковы его основные особенности в общем приближении. В этой статье спустимся к самым основам языка и поработаем с Переменными.
        
  
        Базовая математика в JavaScript — числа и операторы
        
diff --git a/files/ru/learn/javascript/first_steps/silly_story_generator/index.html b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html
index 8e0b8b7ac9..042b6e844d 100644
--- a/files/ru/learn/javascript/first_steps/silly_story_generator/index.html
+++ b/files/ru/learn/javascript/first_steps/silly_story_generator/index.html
@@ -50,7 +50,7 @@ original_slug: Learn/JavaScript/Первые_шаги/Создатель_глу
 
 
        Краткое описание проекта
        
 
-
        Вам предоставили некоторый необработанный HTML/CSS, несколько текстовых строк и функций JavaScript; вам необходимо написать необходимый JavaScript код, чтобы превратить это в рабочую программу, которая выполняет следующие действия:
        
+
        Вам предоставили некоторый необработанный HTML/CSS, несколько текстовых строк и функций JavaScript; вам необходимо написать необходимый JavaScript-код, чтобы превратить это в рабочую программу, которая выполняет следующие действия:
        
 
 
          
  
        • Создаёт глупую историю по нажатию на кнопку "Generate random story".
          • 
diff --git a/files/ru/learn/javascript/first_steps/what_is_javascript/index.html b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
index dfa1b50be6..87d7ca4c63 100644
--- a/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
+++ b/files/ru/learn/javascript/first_steps/what_is_javascript/index.html
@@ -32,7 +32,7 @@ original_slug: Learn/JavaScript/Первые_шаги/What_is_JavaScript
 
            
  
          • {{glossary("HTML")}} - это язык разметки, который мы используем для визуального и смыслового структурирования нашего web контента, например, определяем параграфы, заголовки, таблицы данных, или вставляем изображения и видео на страницу.
            • 
  
          • {{glossary("CSS")}} - это язык стилей с помощью которого мы придаём стиль отображения нашего HTML контента, например придаём цвет фону (background) и шрифту, придаём контенту многоколоночный вид.
            • 
- 
          • {{glossary("JavaScript")}} язык программирования, который позволяет вам создать динамически обновляемый контент, управляет мультимедиа, анимирует изображения, впрочем, делает всё, что угодно. Окей, не все, что угодно, но всё равно, это удивительно, что можно достичь с помощью нескольких строк JavaScript кода.
            • 
+ 
          • {{glossary("JavaScript")}} язык программирования, который позволяет вам создать динамически обновляемый контент, управляет мультимедиа, анимирует изображения, впрочем, делает всё, что угодно. Окей, не все, что угодно, но всё равно, это удивительно, что можно достичь с помощью нескольких строк JavaScript-кода.
            • 
 
          
 
 
          Три слоя прекрасно выстраиваются друг над другом. Возьмём простой текст для примера. Для придания структуры и смыслового назначения тексту, разметим его с помощью HTML:
          
@@ -254,7 +254,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
          Инлайновые JavaScript обработчики
          
 
-
          Обратите внимание, что иногда можно столкнуться с частями JavaScript кода, который живёт внутри HTML. Это может выглядеть примерно так:
          
+
          Обратите внимание, что иногда можно столкнуться с частями JavaScript-кода, который живёт внутри HTML. Это может выглядеть примерно так:
          
 
 
          
 
          function createParagraph() {
@@ -294,7 +294,7 @@ for(let i = 0; i < buttons.length ; i++) {
 
 
          Комментарии
          
 
-
          Так же, как и в HTML и CSS, возможно писать комментарии в вашем JavaScript коде, что будет проигнорировано браузером, и существует только для того, чтобы давать подсказки вашим друзьям-разработчикам о том, как работает код (и лично вам, если вы вернётесь к коду спустя 6 месяцев и не сможете вспомнить, что вы делали). Комментарии очень полезны, и вы должны часто их использовать, особенно для больших приложений. Вот два типа комментариев:
          
+
          Так же, как и в HTML и CSS, возможно писать комментарии в вашем JavaScript-коде, что будет проигнорировано браузером, и существует только для того, чтобы давать подсказки вашим друзьям-разработчикам о том, как работает код (и лично вам, если вы вернётесь к коду спустя 6 месяцев и не сможете вспомнить, что вы делали). Комментарии очень полезны, и вы должны часто их использовать, особенно для больших приложений. Вот два типа комментариев:
          
 
 
            
  
          • Однострочный комментарий пишется после двойного слеша (//), например:
diff --git a/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html
index 0ce0f94ca1..570073df36 100644
--- a/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html
+++ b/files/ru/learn/javascript/objects/adding_bouncing_balls_features/index.html
@@ -27,7 +27,7 @@ original_slug: Learn/JavaScript/Объекты/Adding_bouncing_balls_features
 
 
            Для начала скопируйте файлы index-finished.html, style.css и main-finished.js из предыдущей статьи в новую директорию на вашем компьютере.
            
 
-
            Для выполнения упражнения вы можете использовать сайт JSBin или Thimble. Вы можете вставлять HTML, CSS и JavaScript код в один из этих онлайн-редакторов. Если ваш онлайн-редактор не поддерживает раздельные панели для редактирования JavaScript/CSS кода, то вы можете встроить код в HTML с помощью тегов <script>/<style>.
            
+
            Для выполнения упражнения вы можете использовать сайт JSBin или Thimble. Вы можете вставлять HTML, CSS и JavaScript-код в один из этих онлайн-редакторов. Если ваш онлайн-редактор не поддерживает раздельные панели для редактирования JavaScript/CSS кода, то вы можете встроить код в HTML с помощью тегов <script>/<style>.
            
 
 
            
 
            Примечание. Если у вас что-то не получается — попросите о помощи. Более подробная информация находится в секции {{anch("Assessment or further help")}} в конце этой страницы.
            
diff --git a/files/ru/learn/javascript/objects/inheritance/index.html b/files/ru/learn/javascript/objects/inheritance/index.html
index 174f7e0f3a..97e9a98fbd 100644
--- a/files/ru/learn/javascript/objects/inheritance/index.html
+++ b/files/ru/learn/javascript/objects/inheritance/index.html
@@ -177,7 +177,7 @@ original_slug: Learn/JavaScript/Объекты/Inheritance
 
 
            Попробуйте пример
            
 
-
            Теперь, когда вы ввели весь код, попробуйте создать экземпляр объекта из Teacher(), поставив ниже вашего JavaScript кода (или что-то похожее по вашему выбору):
            
+
            Теперь, когда вы ввели весь код, попробуйте создать экземпляр объекта из Teacher(), поставив ниже вашего JavaScript-кода (или что-то похожее по вашему выбору):
            
 
 
            var teacher1 = new Teacher('Dave', 'Griffiths', 31, 'male', ['football', 'cookery'], 'mathematics');
            
 
diff --git a/files/ru/learn/server-side/django/web_application_security/index.html b/files/ru/learn/server-side/django/web_application_security/index.html
index 9ceb8c74e2..d51f5ffa05 100644
--- a/files/ru/learn/server-side/django/web_application_security/index.html
+++ b/files/ru/learn/server-side/django/web_application_security/index.html
@@ -40,7 +40,7 @@ translation_of: Learn/Server-side/Django/web_application_security
 
 
            XSS это термин, применяющийся для описания класса атак, позволяющего атакующему, через веб-сайт внедрить скрипты, которые будут выполнены на устройстве зашедшего на страницу пользователя. Часто это происходит через сохранение вредоносного кода в базе данных, откуда данный код будет возвращён и выполнен для запросившего некие данные пользователя (типичный пример - сохранение тега <script> с вредоносным кодом в комментарии, который может увидеть другой пользователь). Другой вектор атаки - в том чтобы сгенерировать определённую ссылку, при клике на которую пользователь запустит выполнение некоего замаскированного кода JavaScript в своём браузере.
            
 
-
            Система шаблонов Django защищает от большинства XSS атак,  экранируя определённые символы, считающиеся "опасными" в HTML. Мы можем продемонстрировать это, попытавшись внедрить произвольный JavaScript код в наше приложение LocalLibrary через форму добавления автора, созданную в Руководство часть 9: Работа с формами.
            
+
            Система шаблонов Django защищает от большинства XSS-атак,  экранируя определённые символы, считающиеся "опасными" в HTML. Мы можем продемонстрировать это, попытавшись внедрить произвольный JavaScript-код в наше приложение LocalLibrary через форму добавления автора, созданную в Руководство часть 9: Работа с формами.
            
 
 
              
  
            1. Запустите веб-сайт, используя сервер разработки (python3 manage.py runserver).
              2. 
@@ -62,9 +62,9 @@ translation_of: Learn/Server-side/Django/web_application_security
 
              <h1>Author: Boon&lt;script&gt;alert(&#39;Test alert&#39;);&lt;/script&gt;, David (Boonie) </h1>
 
              
 
-
              Использование шаблонов Django защищает вас от большинства XSS атак. Однако существует возможность отключения данной защиты, при котором экранирование не будет автоматически применятся ко всем полям, которые не должны будут заполнятся пользователем(к примеру, поле help_text обычно заполняется не пользователем, поэтому Django не будет экранировать его значение).
              
+
              Использование шаблонов Django защищает вас от большинства XSS-атак. Однако существует возможность отключения данной защиты, при котором экранирование не будет автоматически применятся ко всем полям, которые не должны будут заполнятся пользователем(к примеру, поле help_text обычно заполняется не пользователем, поэтому Django не будет экранировать его значение).
              
 
-
              Так же XSS атаки могут быть осуществлены через другие ненадёжные источники данных, такие как cookies, сторонние сервисы или загруженные файлы (и прочие источники, данные которых не были специально обработаны перед отображением на странице). Если вы отображаете данные из этих источников, вы должны добавить ваш собственный обработчик для фильтрации данных.
              
+
              Так же XSS-атаки могут быть осуществлены через другие ненадёжные источники данных, такие как cookies, сторонние сервисы или загруженные файлы (и прочие источники, данные которых не были специально обработаны перед отображением на странице). Если вы отображаете данные из этих источников, вы должны добавить ваш собственный обработчик для фильтрации данных.
              
 
 
              Межсайтовая подделка запроса (CSRF)
              
 
diff --git a/files/ru/mozilla/add-ons/webextensions/content_security_policy/index.html b/files/ru/mozilla/add-ons/webextensions/content_security_policy/index.html
index 14c8fbadf8..c69f623d4a 100644
--- a/files/ru/mozilla/add-ons/webextensions/content_security_policy/index.html
+++ b/files/ru/mozilla/add-ons/webextensions/content_security_policy/index.html
@@ -69,7 +69,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_Security_Policy
   
              Расширению не разрешено выполнять код, представленный в виде JavaScript строк.
              
  
  
            2. 
-  
              Встраиваемый (inline) JavaScript код не будет выполняться.
              
+  
              Встраиваемый (inline) JavaScript-код не будет выполняться.
              
  
              3. 
 
          
 
@@ -102,7 +102,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_Security_Policy
 
 
          Встраиваемый (inline) JavaScript
          
 
-
          Изначальная политика защиты содержимого не позволяет выполнять JavaScript код, встраиваемый в HTML теги. Это запрещает как выполнение JavaScript кода вложенного прямо в <script> тег, так и выполнение вписанных в атрибут обработчиков событий, означая, что следующий код так же не будет работать:
          
+
          Изначальная политика защиты содержимого не позволяет выполнять JavaScript-код, встраиваемый в HTML теги. Это запрещает как выполнение JavaScript-кода вложенного прямо в <script> тег, так и выполнение вписанных в атрибут обработчиков событий, означая, что следующий код так же не будет работать:
          
 
 
          <script>console.log("foo");</script>
          
 
diff --git a/files/ru/mozilla/firefox/releases/33/index.html b/files/ru/mozilla/firefox/releases/33/index.html
index 2706047c5b..1cbf2e2dfe 100644
--- a/files/ru/mozilla/firefox/releases/33/index.html
+++ b/files/ru/mozilla/firefox/releases/33/index.html
@@ -23,7 +23,7 @@ translation_of: Mozilla/Firefox/Releases/33
  
        • Реализовано @counter-style правило({{bug(966166)}}).
          • 
  
        • Больше нет необходимости использовать префикс -moz-ethiopic-numeric({{bug(985825)}}).
          • 
  
        • Добавлена поддержка disclosure-open/disclosure-closed стилей счётчиков({{bug(982355)}}).
          • 
- 
        • CSS анимация с пустыми keyframes свойствами обрабатывает события по умолчанию({{bug(1004377)}}).
          • 
+ 
        • CSS-анимация с пустыми keyframes свойствами обрабатывает события по умолчанию({{bug(1004377)}}).
          • 
 
        
 
 
        HTML
        
diff --git a/files/ru/mozilla/firefox/releases/43/index.html b/files/ru/mozilla/firefox/releases/43/index.html
index 73a19659b1..6438ef35c4 100644
--- a/files/ru/mozilla/firefox/releases/43/index.html
+++ b/files/ru/mozilla/firefox/releases/43/index.html
@@ -31,10 +31,10 @@ translation_of: Mozilla/Firefox/Releases/43
 
        CSS
        
 
 
          
- 
        • Удалён префикс CSS свойства {{Cssxref("hyphens")}} ({{bug(953408)}}).
          • 
+ 
        • Удалён префикс CSS-свойства {{Cssxref("hyphens")}} ({{bug(953408)}}).
          • 
  
        • CCS свойство {{cssxref("font")}} теперь поддерживает указание {{cssxref("font-stretch")}} {{bug(1057680)}}).
          • 
  
        • Псевдокласс {{cssxref(":fullscreen")}} теперь выбирает весь стек элементов с дисплея в полноэкранном режиме, а не только элементы высшего уровня ({{bug(1199522)}}).
          • 
- 
        • Устаревшие свойства SVG {{cssxref("writing-mode")}}, lr, lr-tb, rl, tb, and tb-rl, добавлены в CSS как алиасы стандартных CSS свойств ({{bug(1205787)}}).
          • 
+ 
        • Устаревшие свойства SVG {{cssxref("writing-mode")}}, lr, lr-tb, rl, tb, and tb-rl, добавлены в CSS как алиасы стандартных CSS-свойств ({{bug(1205787)}}).
          • 
 
        
 
 
        HTML
        
diff --git a/files/ru/mozilla/firefox/releases/53/index.html b/files/ru/mozilla/firefox/releases/53/index.html
index 80cd5e2d10..49e952210b 100644
--- a/files/ru/mozilla/firefox/releases/53/index.html
+++ b/files/ru/mozilla/firefox/releases/53/index.html
@@ -195,7 +195,7 @@ translation_of: Mozilla/Firefox/Releases/53
  
      4. tabs.insertCSSтеперь поддерживает cssOrigin, что позволяет вставлять таблицы стилей пользователя.
        5. 
 
 
-
        модули JavaScript код
        
+
        модули JavaScript-код
        
 
 
          
  
        • Асинхронные интерфейсы AddonManager теперь поддерживают {{jsxref ( "Promise", "Промис")}}, а также колбэки ({{bug (987512)}}.
          • 
diff --git a/files/ru/mozilla/firefox/releases/68/index.html b/files/ru/mozilla/firefox/releases/68/index.html
index b2035a7097..179f4e9bb4 100644
--- a/files/ru/mozilla/firefox/releases/68/index.html
+++ b/files/ru/mozilla/firefox/releases/68/index.html
@@ -19,7 +19,7 @@ translation_of: Mozilla/Firefox/Releases/68
 
          Браузер/веб консоль
          
 
 
            
- 
          • Веб консоль теперь предоставляет больше информации о CSS предупреждениях, включая древо DOM элементов, которые используют CSS-правило ({{bug(1093953)}}).
            • 
+ 
          • Веб консоль теперь предоставляет больше информации о CSS предупреждениях, включая древо DOM-элементов, которые используют CSS-правило ({{bug(1093953)}}).
            • 
  
          • Теперь вы можете фильтровать контент Веб консоли, пользуясь регулярными выражениями ({{bug(1441079)}}).
            • 
  
          • The Browser console now allows you to show or hide messages from the content process by setting or clearing the checkbox labeled Show Content Messages ({{bug(1260877)}}).
            • 
 
          
diff --git a/files/ru/tools/index.html b/files/ru/tools/index.html
index 0c957d83e3..cfba15a0d1 100644
--- a/files/ru/tools/index.html
+++ b/files/ru/tools/index.html
@@ -78,7 +78,7 @@ translation_of: Tools
 
 
          The all-new Firefox 57 Debugger.html
          
 
-
          Позволяет остановить, выполнять по шагам, исследовать и изменять JavaScript код выполняемый на странице.
          
+
          Позволяет остановить, выполнять по шагам, исследовать и изменять JavaScript-код выполняемый на странице.
          
 
 
 
          
diff --git a/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html b/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html
index 8b8aa492ed..a9da633774 100644
--- a/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html
+++ b/files/ru/tools/page_inspector/how_to/examine_and_edit_css/index.html
@@ -7,7 +7,7 @@ translation_of: Tools/Page_Inspector/How_to/Examine_and_edit_CSS
 
 
          Просмотр и редактирование CSS в панели CSS Инспектора.
          
 
-
          Просмотр CSS правил
          
+
          Просмотр CSS-правил
          
 
 
          На панели Rules(Правила) отображаются все правила, применяемые к выбранному элементу, в порядке приоритета сверху-вниз:
          
 
diff --git a/files/ru/tools/web_console/index.html b/files/ru/tools/web_console/index.html
index 33fa903170..cd1223888c 100644
--- a/files/ru/tools/web_console/index.html
+++ b/files/ru/tools/web_console/index.html
@@ -194,7 +194,7 @@ translation_of: Tools/Web_Console
 
 
          Если сделанное изменение аннулирует текущую схему - например, окно браузера изменяется или некоторые JavaScript изменяют CSS элемент - макет не пересчитывается немедленно. Вместо переформатирования  в асинхронном режиме, в следующий раз браузер решает что это должно быть сделано (как правило, в следующий раз браузер перекрашивается). Таким образом, браузер может накопить коллекцию основанную на недействующих изменениях и пересчитать их эффект сразу.
          
 
-
          Тем не менее, если какой-то JavaScript код читает что стиль был изменён, то браузер должен выполнить синхронное переформатирование в порядке вычисленным расчётом стиля чтобы вернуться. Например, код как этот хочет  вызвать немедленное, синхронное, переформатирование, когда вызовет window.getComputedStyle(thing).height:
          
+
          Тем не менее, если какой-то JavaScript-код читает что стиль был изменён, то браузер должен выполнить синхронное переформатирование в порядке вычисленным расчётом стиля чтобы вернуться. Например, код как этот хочет  вызвать немедленное, синхронное, переформатирование, когда вызовет window.getComputedStyle(thing).height:
          
 
 
          var thing = document.getElementById("the-thing");
 thing.style.display = "inline-block";
diff --git a/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
index 63a5eab101..42c2789b96 100644
--- a/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
+++ b/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
@@ -11,7 +11,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr
 ---
 
          Атрибут  aria-label  создаёт текстовую метку текущего элемента в случае отсутствия видимого текста описания элемента. Если есть видимый текст, обозначающий элемент, используйте вместо этого aria-labelledby.
          
 
-
          Этот атрибут может быть использован для любого стандартного HTML элемента; не ограничивается элементами с ARIA role.
          
+
          Этот атрибут может быть использован для любого стандартного HTML-элемента; не ограничивается элементами с ARIA role.
          
 
 
          Значение
          
 
diff --git a/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html b/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
index fac9e228d0..647214e1cc 100644
--- a/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
+++ b/files/ru/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
@@ -13,7 +13,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby
 
 
          Чтобы повысить совместимость с клиентскими приложениями которые не поддерживают ARIA атрибуты, вы можете использовать aria-labelledby вместе элементом {{ HTMLElement("label") }} (используя for атрибут)
          
 
-
          Этот атрибут может быть использован в любом типичном HTML элементе формы, он не ограничен элементами которые имеют атрибут ARIA role
          
+
          Этот атрибут может быть использован в любом типичном HTML-элементе формы, он не ограничен элементами которые имеют атрибут ARIA role
          
 
 
          Значение
          
 
diff --git a/files/ru/web/accessibility/aria/roles/checkbox_role/index.html b/files/ru/web/accessibility/aria/roles/checkbox_role/index.html
index 307c56e1f9..6fcdcbbff6 100644
--- a/files/ru/web/accessibility/aria/roles/checkbox_role/index.html
+++ b/files/ru/web/accessibility/aria/roles/checkbox_role/index.html
@@ -10,7 +10,7 @@ translation_of: Web/Accessibility/ARIA/Roles/checkbox_role
 
          <span role="checkbox" aria-checked="false" tabindex="0" aria-labelledby="chk1-label">
 </span> <label id="chk1-label">Remember my preferences</label>
          
 
-
          Первое правило ARIA -  если у нативного HTML элемента или атрибута присутствует необходимая семантика или поведение, следует использовать его, а не использовать другой элемент не по назначению, добавляя ARIA. Вместо этого лучше использовать HTML checkbox  <input type="checkbox">, который изначально предоставляет необходимый функционал:
          
+
          Первое правило ARIA -  если у нативного HTML-элемента или атрибута присутствует необходимая семантика или поведение, следует использовать его, а не использовать другой элемент не по назначению, добавляя ARIA. Вместо этого лучше использовать HTML checkbox  <input type="checkbox">, который изначально предоставляет необходимый функционал:
          
 
 
          <input type="checkbox" id="chk1-label">
 <label for="chk1-label">Запомнить мои предпочтения</label>
          
@@ -132,7 +132,7 @@ translation_of: Web/Accessibility/ARIA/Roles/checkbox_role
 
 
          Лучшие практики
          
 
-
          Первое правило ARIA - если у нативного HTML элемента или атрибута присутствует необходимая семантика или поведение, следует использовать его, а не использовать другой элемент не по назначению, добавляя ARIA, чтобы сделать его доступным. По существу, рекомендуется использовать нативный HTML checkbox  вместо воспроизведения функциональности чекбокса с помощью JavaScript и ARIA.
          
+
          Первое правило ARIA - если у нативного HTML-элемента или атрибута присутствует необходимая семантика или поведение, следует использовать его, а не использовать другой элемент не по назначению, добавляя ARIA, чтобы сделать его доступным. По существу, рекомендуется использовать нативный HTML checkbox  вместо воспроизведения функциональности чекбокса с помощью JavaScript и ARIA.
          
 
 
          Смотрите также:
          
 
diff --git a/files/ru/web/accessibility/keyboard-navigable_javascript_widgets/index.html b/files/ru/web/accessibility/keyboard-navigable_javascript_widgets/index.html
index 8a7a122fa9..19b3c7c1f8 100644
--- a/files/ru/web/accessibility/keyboard-navigable_javascript_widgets/index.html
+++ b/files/ru/web/accessibility/keyboard-navigable_javascript_widgets/index.html
@@ -52,7 +52,7 @@ translation_of: Web/Accessibility/Keyboard-navigable_JavaScript_widgets
 
 
          Простые контролы
          
 
-
          Чтобы сделать простой виджет доступным через клавишу Tab, задайте tabindex="0" на HTML элементах {{HTMLElement("div")}} или {{HTMLElement("span")}}, из которых он состоит. Ниже представлен пример эмулирования чекбоксов. Вместо элементов input в примере используется {{HTMLElement("span")}}.
          
+
          Чтобы сделать простой виджет доступным через клавишу Tab, задайте tabindex="0" на HTML-элементах {{HTMLElement("div")}} или {{HTMLElement("span")}}, из которых он состоит. Ниже представлен пример эмулирования чекбоксов. Вместо элементов input в примере используется {{HTMLElement("span")}}.
          
 
 
          Пример 1: Простой виджет, эмулирующий работу чекбосов путём смены изображений. Виджет использует tabindex, чтобы обеспечить доступ с клавиатуры.
          
 
diff --git a/files/ru/web/api/animationevent/index.html b/files/ru/web/api/animationevent/index.html
index 9837e5c412..72304b3643 100644
--- a/files/ru/web/api/animationevent/index.html
+++ b/files/ru/web/api/animationevent/index.html
@@ -15,7 +15,7 @@ translation_of: Web/API/AnimationEvent
 
 
          
  
          {{domxref("AnimationEvent.animationName")}} {{readonlyInline}}
          
- 
          Является {{domxref("DOMString")}} содержащей значения {{cssxref("animation-name")}} CSS свойств связанных с transition.
          
+ 
          Является {{domxref("DOMString")}} содержащей значения {{cssxref("animation-name")}} CSS-свойств связанных с transition.
          
  
          {{domxref("AnimationEvent.elapsedTime")}} {{readonlyInline}}
          
  
          Является числом с плавающей точкой, которое задаёт количество времени от начала анимации в секундах, когда это событие отклонено, несмотря на какое-либо время анимация была остановлена.Для события   "animationstart" , elapsedTime равно  0.0 если не было заданно отрицательное значение для {{cssxref("animation-delay")}}, в этом случае событие будет срабатывать с  elapsedTime содержащим (-1 * delay).
          
  
          {{domxref("AnimationEvent.pseudoElement")}} {{readonlyInline}}
          
@@ -70,6 +70,6 @@ translation_of: Web/API/AnimationEvent
 
          Смотрите также
          
 
 
            
- 
          • Использование CSS анимации
            • 
- 
          • Анимация связанных CSS свойств и по правилам: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.
            • 
+ 
          • Использование CSS-анимации
            • 
+ 
          • Анимация связанных CSS-свойств и по правилам: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.
            • 
 
          
diff --git a/files/ru/web/api/audiocontext/createmediaelementsource/index.html b/files/ru/web/api/audiocontext/createmediaelementsource/index.html
index 58fc493708..e22a302124 100644
--- a/files/ru/web/api/audiocontext/createmediaelementsource/index.html
+++ b/files/ru/web/api/audiocontext/createmediaelementsource/index.html
@@ -6,7 +6,7 @@ translation_of: Web/API/AudioContext/createMediaElementSource
 
          {{ APIRef("Web Audio API") }}
          
 
 
          
-
          Метод createMediaElementSource() интерфейса {{ domxref("AudioContext") }} используется для создания объекта {{ domxref("MediaElementAudioSourceNode") }} из существующих HTML элементов {{htmlelement("audio")}} или {{htmlelement("video")}} для дальнейших манипуляций со звуком и его воспроизведения.
          
+
          Метод createMediaElementSource() интерфейса {{ domxref("AudioContext") }} используется для создания объекта {{ domxref("MediaElementAudioSourceNode") }} из существующих HTML-элементов {{htmlelement("audio")}} или {{htmlelement("video")}} для дальнейших манипуляций со звуком и его воспроизведения.
          
 
          
 
 
          Узнать больше о созданном таким образом аудио узле можно на справочной странице {{ domxref("MediaElementAudioSourceNode") }}.
          
diff --git a/files/ru/web/api/canvas_api/index.html b/files/ru/web/api/canvas_api/index.html
index 100425ba48..8dbb43155b 100644
--- a/files/ru/web/api/canvas_api/index.html
+++ b/files/ru/web/api/canvas_api/index.html
@@ -105,7 +105,7 @@ window.addEventListener("load", drawCanvas);
  
          Demo: A basic ray-caster
          
  
          Демо анимации трассировки-лучей используя canvas.
          
  
          Drawing DOM objects into a canvas
          
- 
          Как рисовать DOM контент, таких как HTML элементы, в canvas.
          
+ 
          Как рисовать DOM контент, таких как HTML-элементы, в canvas.
          
  
          Manipulating video using canvas
          
  
          Объединяет {{HTMLElement("video")}} и {{HTMLElement("canvas")}} для манипулирования видео данных в реальном времени.
          
 
          
diff --git a/files/ru/web/api/canvas_api/tutorial/using_images/index.html b/files/ru/web/api/canvas_api/tutorial/using_images/index.html
index 288787c605..891cb3e9e1 100644
--- a/files/ru/web/api/canvas_api/tutorial/using_images/index.html
+++ b/files/ru/web/api/canvas_api/tutorial/using_images/index.html
@@ -235,7 +235,7 @@ img.src = 'data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAs
   ctx.drawImage(document.getElementById('frame'),0,0);
 }
          
 
-
          В этот раз мы применили другой способ загрузки изображения. Вместо загрузки методом создания новых {{domxref("HTMLImageElement")}} объектов, мы включили их как  {{HTMLElement("img")}} тэги прямо в наш HTML файл и из них выбрали изображения. Изображения скрыты с помощью  CSS свойства {{cssxref("display")}}, установленного в "none" для этих изображений.
          
+
          В этот раз мы применили другой способ загрузки изображения. Вместо загрузки методом создания новых {{domxref("HTMLImageElement")}} объектов, мы включили их как  {{HTMLElement("img")}} тэги прямо в наш HTML файл и из них выбрали изображения. Изображения скрыты с помощью  CSS-свойства {{cssxref("display")}}, установленного в "none" для этих изображений.
          
 
 
          {{EmbedLiveSample("Example_Framing_an_image", 160, 160, "https://mdn.mozillademos.org/files/226/Canvas_drawimage2.jpg")}}
          
 
diff --git a/files/ru/web/api/console/dirxml/index.html b/files/ru/web/api/console/dirxml/index.html
index b79983557e..18f05e1352 100644
--- a/files/ru/web/api/console/dirxml/index.html
+++ b/files/ru/web/api/console/dirxml/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/Console/dirxml
 ---
 
          {{APIRef("Console API")}}
          
 
-
          Отображает интерактивное дерево из дочерних элементов указанного XML / HTML элемента. Если невозможно отобразить как элемент, то вместо этого отображается представление объекта JavaScript. Выходные данные представлены в виде иерархического списка расширяемых узлов, которые позволяют вам видеть содержимое дочерних узлов.
          
+
          Отображает интерактивное дерево из дочерних элементов указанного XML / HTML-элемента. Если невозможно отобразить как элемент, то вместо этого отображается представление объекта JavaScript. Выходные данные представлены в виде иерархического списка расширяемых узлов, которые позволяют вам видеть содержимое дочерних узлов.
          
 
 
          
 
diff --git a/files/ru/web/api/cssstyledeclaration/getpropertyvalue/index.html b/files/ru/web/api/cssstyledeclaration/getpropertyvalue/index.html
index 53701aa75c..906e9d5208 100644
--- a/files/ru/web/api/cssstyledeclaration/getpropertyvalue/index.html
+++ b/files/ru/web/api/cssstyledeclaration/getpropertyvalue/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/CSSStyleDeclaration/getPropertyValue
 ---
 
          {{ APIRef("CSSOM") }}
          
 
-
          CSSStyleDeclaration.getPropertyValue() интерфейс метода, который возвращает {{domxref('DOMString')}}, указанного CSS свойства.
          
+
          CSSStyleDeclaration.getPropertyValue() интерфейс метода, который возвращает {{domxref('DOMString')}}, указанного CSS-свойства.
          
 
 
          Синтаксис
          
 
@@ -25,7 +25,7 @@ translation_of: Web/API/CSSStyleDeclaration/getPropertyValue
 
 
          Пример
          
 
-
          Следующий JavaScript код проверяет отмечен ли margin как important в CSS правиле селектора:
          
+
          Следующий JavaScript-код проверяет отмечен ли margin как important в CSS-правиле селектора:
          
 
 
          var declaration = document.styleSheets[0].rules[0].style;
 var value = declaration.getPropertyValue('margin'); // "1px 2px"
diff --git a/files/ru/web/api/document/index.html b/files/ru/web/api/document/index.html
index ef7162302c..df3d75e7eb 100644
--- a/files/ru/web/api/document/index.html
+++ b/files/ru/web/api/document/index.html
@@ -50,7 +50,7 @@ translation_of: Web/API/Document
  
          {{domxref("Document.doctype")}}
          
  
          Возвращает Document Type Definition (DTD) текущего документа .
          
  
          {{domxref("Document.documentElement")}}
          
- 
          Возвращает Element, который является первым дочерним элементом документа. Для HTML документов это HTML элемент.
          
+ 
          Возвращает Element, который является первым дочерним элементом документа. Для HTML документов это HTML-элемент.
          
  
          {{domxref("Document.documentURI")}}
          
  
          Возвращает URL документа.
          
  
          {{domxref("Document.domConfig")}} {{Deprecated_inline}}
          
diff --git a/files/ru/web/api/document_object_model/examples/index.html b/files/ru/web/api/document_object_model/examples/index.html
index 8aa52fafd6..11e0233688 100644
--- a/files/ru/web/api/document_object_model/examples/index.html
+++ b/files/ru/web/api/document_object_model/examples/index.html
@@ -127,7 +127,7 @@ function changeText() {
 
 
          Пример 4: Использование Стилей
          
 
-
          Свойство styleSheets объекта документа возвращает список таблиц стилей, которые были загружены в этот документ. Вы можете получить доступ к этим таблицам стилей и их правилам индивидуально, используя объекты таблицы стилей, стилей и CSS правил объекта, как показано в этом примере, который выводит все селектора правил стиля в консоль.
          
+
          Свойство styleSheets объекта документа возвращает список таблиц стилей, которые были загружены в этот документ. Вы можете получить доступ к этим таблицам стилей и их правилам индивидуально, используя объекты таблицы стилей, стилей и CSS-правил объекта, как показано в этом примере, который выводит все селектора правил стиля в консоль.
          
 
 
          var ss = document.styleSheets;
 
diff --git a/files/ru/web/api/document_object_model/index.html b/files/ru/web/api/document_object_model/index.html
index 97f0d238f6..1dfe67aba7 100644
--- a/files/ru/web/api/document_object_model/index.html
+++ b/files/ru/web/api/document_object_model/index.html
@@ -91,7 +91,7 @@ original_slug: DOM/DOM_Reference
 
 
          Объект HTMLDocument также даёт доступ к следующим возможностям браузера: вкладки, окна, в которых отрисовывается страница, используя интерфейс {{domxref("Window")}}, ассоциированный с ним {{domxref("window.style", "Style")}} (обычно CSS), история браузера, относящаяся к контексту, {{domxref("window.history", "History")}}, в конце концов, {{domxref("Selection")}} в документе.
          
 
-
          Интерфейсы HTML элементов
          
+
          Интерфейсы HTML-элементов
          
 
 
          
 
            
diff --git a/files/ru/web/api/element/attachshadow/index.html b/files/ru/web/api/element/attachshadow/index.html
index d2fcdbf0df..fa956a1ae5 100644
--- a/files/ru/web/api/element/attachshadow/index.html
+++ b/files/ru/web/api/element/attachshadow/index.html
@@ -80,7 +80,7 @@ element.shadowRoot === null; // returns true
   
   
    • 
-   
+   
    
  
 
 
   
    
    Селектор элемента (иногда называемый селектором тега или типа)Все HTML элемент(ы) указанного типа.Все HTML-элемент(ы) указанного типа.
    p
    
     Выбирает <p>    		
   
    
    NotSupportedErrorВы пытаетесь прикрепить shadow DOM к HTML элементу с некорректным именем, или к запрещённому элементу. (см. выше)Вы пытаетесь прикрепить shadow DOM к HTML-элементу с некорректным именем, или к запрещённому элементу. (см. выше)
   
    
      
 
    
diff --git a/files/ru/web/api/element/index.html b/files/ru/web/api/element/index.html
index 8fe70d2d05..f62292283b 100644
--- a/files/ru/web/api/element/index.html
+++ b/files/ru/web/api/element/index.html
@@ -54,7 +54,7 @@ translation_of: Web/API/Element
  
    Пространство имён URI элемента или null, если это не пространство имён.
    
  
    
  
    
- 
    Примечание: В Firefox версии 3.5 и ранее, HTML элементы не находятся в пространстве имён. В более поздних версиях, HTML элементы находятся в пространстве имён  http://www.w3.org/1999/xhtml  как в деревьях HTML, так и XML. {{ gecko_minversion_inline("1.9.2") }}
    
+ 
    Примечание: В Firefox версии 3.5 и ранее, HTML-элементы не находятся в пространстве имён. В более поздних версиях, HTML-элементы находятся в пространстве имён  http://www.w3.org/1999/xhtml  как в деревьях HTML, так и XML. {{ gecko_minversion_inline("1.9.2") }}
    
  
    
  
    
 
diff --git a/files/ru/web/api/element/innerhtml/index.html b/files/ru/web/api/element/innerhtml/index.html
index 9920c078ae..197bddb724 100644
--- a/files/ru/web/api/element/innerhtml/index.html
+++ b/files/ru/web/api/element/innerhtml/index.html
@@ -50,7 +50,7 @@ javascript:"<pre>"+document.documentElement.innerHTML.replace(/</g,"&am
 
    Не редко можно увидеть использование InnerHTML для вставки текста в веб страницу. Это приводит к рискам безопасности.
    
 
 
    const name = "John";
-// предполагая, что 'el' является HTML DOM элементом.
+// предполагая, что 'el' является HTML DOM-элементом.
 el.innerHTML = name; // безвредный в этом случае
 
 // ...
diff --git a/files/ru/web/api/element/localname/index.html b/files/ru/web/api/element/localname/index.html
index 5512a8c180..9a48d667af 100644
--- a/files/ru/web/api/element/localname/index.html
+++ b/files/ru/web/api/element/localname/index.html
@@ -62,7 +62,7 @@ original_slug: Web/API/Node/localName
 
 
 
    
-
    Примечание: В {{Gecko("1.9.2")}} и ранее, свойство возвращает версию локального имени в верхнем регистре для HTML элементов в HTML DOMs (в отличии от XHTML элементов в XML DOMs). В более поздних версиях, в соответствии с HTML5, свойство возвращает, в случае внутреннего хранилища DOM, в нижнем регистре для HTML элементов в HTML DOMs и XHTML элементов в XML DOMs. {{domxref("element.tagName","tagName")}} свойство продолжает возвращать в верхнем регистре для HTML элементов в HTML DOMs.
    
+
    Примечание: В {{Gecko("1.9.2")}} и ранее, свойство возвращает версию локального имени в верхнем регистре для HTML-элементов в HTML DOMs (в отличии от XHTML элементов в XML DOMs). В более поздних версиях, в соответствии с HTML5, свойство возвращает, в случае внутреннего хранилища DOM, в нижнем регистре для HTML-элементов в HTML DOMs и XHTML элементов в XML DOMs. {{domxref("element.tagName","tagName")}} свойство продолжает возвращать в верхнем регистре для HTML-элементов в HTML DOMs.
    
 
    
 
 
    Для узла другого типа отличного от ELEMENT_NODE и ATTRIBUTE_NODE localName всегда null.
    
diff --git a/files/ru/web/api/element/namespaceuri/index.html b/files/ru/web/api/element/namespaceuri/index.html
index a9c6516acc..5dcdd8d2df 100644
--- a/files/ru/web/api/element/namespaceuri/index.html
+++ b/files/ru/web/api/element/namespaceuri/index.html
@@ -27,7 +27,7 @@ original_slug: Web/API/Node/namespaceURI
 
 
    Это не вычисленное значение, которое является результатом поиска имён на основе проверки декларации в области пространства имён. Пространство имён URI узла заморожена в момент создания узла.
    
 
-
    В Firefox 3.5 и выше, пространство имён URI для HTML элементов в HTML документах это null. В более поздних версиях, в соответствии с HTML5, это http://www.w3.org/1999/xhtml как в XHTML. {{gecko_minversion_inline("1.9.2")}}
    
+
    В Firefox 3.5 и выше, пространство имён URI для HTML-элементов в HTML документах это null. В более поздних версиях, в соответствии с HTML5, это http://www.w3.org/1999/xhtml как в XHTML. {{gecko_minversion_inline("1.9.2")}}
    
 
 
    Для узлов любого nodeType кроме ELEMENT_NODE и ATTRIBUTE_NODE значение namespaceURI всегда null.
    
 
diff --git a/files/ru/web/api/element/scrollheight/index.html b/files/ru/web/api/element/scrollheight/index.html
index 895c36a2a8..b6bd9333ee 100644
--- a/files/ru/web/api/element/scrollheight/index.html
+++ b/files/ru/web/api/element/scrollheight/index.html
@@ -166,7 +166,7 @@ onload = function () {
  
 
 
-
    В версиях Firefox до 21-й: когда контент элемента не создаёт вертикальную полосу прокрутки, его свойство scrollHeight равно значению clientHeight. Это может означать либо то, что контента слишком мало, чтобы ему потребовалась полоса прокрутки, либо то, что у элемента значение CSS свойства overflow равно visible (в этом случае прокрутка отсутствует).
    
+
    В версиях Firefox до 21-й: когда контент элемента не создаёт вертикальную полосу прокрутки, его свойство scrollHeight равно значению clientHeight. Это может означать либо то, что контента слишком мало, чтобы ему потребовалась полоса прокрутки, либо то, что у элемента значение CSS-свойства overflow равно visible (в этом случае прокрутка отсутствует).
    
 
 
    Смотрите также
    
 
diff --git a/files/ru/web/api/event/index.html b/files/ru/web/api/event/index.html
index 9c37ad1516..ff419387c8 100644
--- a/files/ru/web/api/event/index.html
+++ b/files/ru/web/api/event/index.html
@@ -107,7 +107,7 @@ translation_of: Web/API/Event
  
    {{domxref("Event.returnValue")}} {{non-standard_inline}}
    
  
    Нестандартная альтернатива (оставшаяся от старых версий Microsoft Internet Explorer) для {{domxref("Event.preventDefault()")}} и {{domxref("Event.defaultPrevented")}}.
    
  
    {{domxref("Event.scoped")}} {{readonlyinline}} {{obsolete_inline}}
    
- 
    {{jsxref("Boolean", "Логическое значение")}}, показывающее всплывает ли данное событие через shadow root (внутренний DOM элемента). Это свойство было переименовано в  {{domxref("Event.composed", "composed")}}.
    
+ 
    {{jsxref("Boolean", "Логическое значение")}}, показывающее всплывает ли данное событие через shadow root (внутренний DOM-элемента). Это свойство было переименовано в  {{domxref("Event.composed", "composed")}}.
    
  
    {{domxref("Event.srcElement")}} {{non-standard_inline}}
    
  
    Нестандартный синоним (остался от старых версий Microsoft Internet Explorer) для {{domxref("Event.target")}}.
    
  
    {{domxref("Event.target")}} {{readonlyinline}}
    
diff --git a/files/ru/web/api/event/stopimmediatepropagation/index.html b/files/ru/web/api/event/stopimmediatepropagation/index.html
index fd19d6a123..e1156ed315 100644
--- a/files/ru/web/api/event/stopimmediatepropagation/index.html
+++ b/files/ru/web/api/event/stopimmediatepropagation/index.html
@@ -15,7 +15,7 @@ translation_of: Web/API/Event/stopImmediatePropagation
 ---
 
    {{APIRef("DOM")}}
    
 
-
    Останавливает цепочку вызова событий для последующих обработчиков DOM элемента.
    
+
    Останавливает цепочку вызова событий для последующих обработчиков DOM-элемента.
    
 
 
    Синтаксис
    
 
diff --git a/files/ru/web/api/eventtarget/addeventlistener/index.html b/files/ru/web/api/eventtarget/addeventlistener/index.html
index 812720bd62..1d1f2bd40c 100644
--- a/files/ru/web/api/eventtarget/addeventlistener/index.html
+++ b/files/ru/web/api/eventtarget/addeventlistener/index.html
@@ -214,7 +214,7 @@ el.addEventListener("click", () => { modifyText("four"); }, false);
    
 
      
  
    • Позволяет добавлять множество обработчиков для одного события. Это особенно полезно для DHTML библиотек или Mozilla extensions, которые должны работать в условиях использования сторонних библиотек/расширений.
      • 
  
    • Предоставляет точный контроль фазы срабатывания(вызова) обработчика (захват или всплытие)
      • 
- 
    • Срабатывает на любом DOM элементе, а не только на HTML элементах.
      • 
+ 
    • Срабатывает на любом DOM-элементе, а не только на HTML-элементах.
      • 
 
    
 
 
    Ниже описан другой, более старый способ регистрации обработчиков.
    
diff --git a/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html b/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html
index 6ee4a7539d..abdbb8cef3 100644
--- a/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html
+++ b/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html
@@ -16,7 +16,7 @@ translation_of: Web/API/GlobalEventHandlers/onanimationcancel
 
 
    Значения
    
 
-
    Функция {{jsxref("Function")}} вызывается когда {{event("animationcancel")}} происходит событие, указывающее, что CSS анимация запустилась на объекте target, где объект target object это HTML элемент ({{domxref("HTMLElement")}}), документ ({{domxref("Document")}}), или окно ({{domxref("Window")}}).  Эта функция принимает один параметр {{domxref("AnimationEvent")}} - объект, описывающий событие, которое произошло.
    
+
    Функция {{jsxref("Function")}} вызывается когда {{event("animationcancel")}} происходит событие, указывающее, что CSS-анимация запустилась на объекте target, где объект target object это HTML-элемент ({{domxref("HTMLElement")}}), документ ({{domxref("Document")}}), или окно ({{domxref("Window")}}).  Эта функция принимает один параметр {{domxref("AnimationEvent")}} - объект, описывающий событие, которое произошло.
    
 
 
    Пример
    
 
diff --git a/files/ru/web/api/globaleventhandlers/onanimationend/index.html b/files/ru/web/api/globaleventhandlers/onanimationend/index.html
index f8de26a359..e3b2c90f90 100644
--- a/files/ru/web/api/globaleventhandlers/onanimationend/index.html
+++ b/files/ru/web/api/globaleventhandlers/onanimationend/index.html
@@ -5,7 +5,7 @@ translation_of: Web/API/GlobalEventHandlers/onanimationend
 ---
 
    {{APIRef("CSS3 Animations")}}
    
 
-
    Обработчик события {{event("animationend")}}. Это событие вызывается когда CSS анимация достигает конца своего активного периода, который вычисляется как ({{cssxref("animation-duration")}} * {{cssxref("animation-iteration-count")}}) + {{cssxref("animation-delay")}}.
    
+
    Обработчик события {{event("animationend")}}. Это событие вызывается когда CSS-анимация достигает конца своего активного периода, который вычисляется как ({{cssxref("animation-duration")}} * {{cssxref("animation-iteration-count")}}) + {{cssxref("animation-delay")}}.
    
 
 
    Синтаксис
    
 
diff --git a/files/ru/web/api/htmlanchorelement/index.html b/files/ru/web/api/htmlanchorelement/index.html
index 82fcf82abb..8abe567e77 100644
--- a/files/ru/web/api/htmlanchorelement/index.html
+++ b/files/ru/web/api/htmlanchorelement/index.html
@@ -133,5 +133,5 @@ translation_of: Web/API/HTMLAnchorElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий это интерфейс: {{HTMLElement("a")}}
      • 
+ 
    • HTML-элемент реализующий это интерфейс: {{HTMLElement("a")}}
      • 
 
    
diff --git a/files/ru/web/api/htmlareaelement/index.html b/files/ru/web/api/htmlareaelement/index.html
index 8dd31972f5..db81d5ab4b 100644
--- a/files/ru/web/api/htmlareaelement/index.html
+++ b/files/ru/web/api/htmlareaelement/index.html
@@ -122,5 +122,5 @@ translation_of: Web/API/HTMLAreaElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{ HTMLElement("area") }}.
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{ HTMLElement("area") }}.
      • 
 
    
diff --git a/files/ru/web/api/htmlaudioelement/index.html b/files/ru/web/api/htmlaudioelement/index.html
index 68e2136b06..7ae3ba2fcf 100644
--- a/files/ru/web/api/htmlaudioelement/index.html
+++ b/files/ru/web/api/htmlaudioelement/index.html
@@ -9,7 +9,7 @@ translation_of: Web/API/HTMLAudioElement
 
 
     
    
 
-
    HTMLAudioElement позволяет получить доступ к элементу  {{HTMLElement("audio")}} и имеет DOM элемент {{domxref("HTMLMediaElement")}}.
    
+
    HTMLAudioElement позволяет получить доступ к элементу  {{HTMLElement("audio")}} и имеет DOM-элемент {{domxref("HTMLMediaElement")}}.
    
 
 
    Свойства
    
 
diff --git a/files/ru/web/api/htmlbaseelement/index.html b/files/ru/web/api/htmlbaseelement/index.html
index 0c53ae9551..fa0a9d0868 100644
--- a/files/ru/web/api/htmlbaseelement/index.html
+++ b/files/ru/web/api/htmlbaseelement/index.html
@@ -70,5 +70,5 @@ translation_of: Web/API/HTMLBaseElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{ HTMLElement("base") }}
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{ HTMLElement("base") }}
      • 
 
    
diff --git a/files/ru/web/api/htmlbasefontelement/index.html b/files/ru/web/api/htmlbasefontelement/index.html
index f247204fcc..4ff14ea171 100644
--- a/files/ru/web/api/htmlbasefontelement/index.html
+++ b/files/ru/web/api/htmlbasefontelement/index.html
@@ -55,5 +55,5 @@ translation_of: Web/API/HTMLBaseFontElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент {{HTMLElement("basefont")}}осуществляющий этот интерфейс.
      • 
+ 
    • HTML-элемент {{HTMLElement("basefont")}}осуществляющий этот интерфейс.
      • 
 
    
diff --git a/files/ru/web/api/htmlbodyelement/index.html b/files/ru/web/api/htmlbodyelement/index.html
index 90167ebbc7..358b859efc 100644
--- a/files/ru/web/api/htmlbodyelement/index.html
+++ b/files/ru/web/api/htmlbodyelement/index.html
@@ -110,5 +110,5 @@ translation_of: Web/API/HTMLBodyElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{ HTMLElement("body") }}
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{ HTMLElement("body") }}
      • 
 
    
diff --git a/files/ru/web/api/htmlbrelement/index.html b/files/ru/web/api/htmlbrelement/index.html
index d12006f28a..f07fb4e550 100644
--- a/files/ru/web/api/htmlbrelement/index.html
+++ b/files/ru/web/api/htmlbrelement/index.html
@@ -9,7 +9,7 @@ translation_of: Web/API/HTMLBRElement
 
 
     
    
 
-
    HTMLBRElement интерфейс представляющий HTML элемент линии разрыва ({{htmlelement("br")}}). Это унаследовано от {{domxref("HTMLElement")}}.
    
+
    HTMLBRElement интерфейс представляющий HTML-элемент линии разрыва ({{htmlelement("br")}}). Это унаследовано от {{domxref("HTMLElement")}}.
    
 
 
    Свойства
    
 
@@ -75,5 +75,5 @@ translation_of: Web/API/HTMLBRElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{HTMLElement("br")}}
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{HTMLElement("br")}}
      • 
 
    
diff --git a/files/ru/web/api/htmlcollection/index.html b/files/ru/web/api/htmlcollection/index.html
index 02d4d07a6b..41d13b7f8d 100644
--- a/files/ru/web/api/htmlcollection/index.html
+++ b/files/ru/web/api/htmlcollection/index.html
@@ -7,7 +7,7 @@ translation_of: Web/API/HTMLCollection
 
 
    Интерфейс HTMLCollection является обобщённой коллекцией (объектом, ведущим себя подобно массиву) элементов (в порядке упоминания в документе) и предоставляет методы и свойства для получения хранящихся в нём элементов.
    
 
-
    Замечание: Интерфейс назван HTMLCollection по историческим причинам. До стандарта DOM4 коллекции, реализующие данный интерфейс, использовались только для хранения HTML элементов.
    
+
    Замечание: Интерфейс назван HTMLCollection по историческим причинам. До стандарта DOM4 коллекции, реализующие данный интерфейс, использовались только для хранения HTML-элементов.
    
 
 
    HTMLCollection, хранящая элементы DOM, является динамической. При изменении документа она моментально отражает все произведённые изменения.
    
 
@@ -24,12 +24,12 @@ translation_of: Web/API/HTMLCollection
  
    {{domxref("HTMLCollection.item()")}}
    
  
    Возвращает узел с порядковым номером index; отсчёт ведётся от нуля. Возвращает null, если index выходит за границы допустимого диапазона.
    
  
    {{domxref("HTMLCollection.namedItem()")}}
    
- 
    Возвращает узел, идентификатор или имя (в целях совместимости) которого совпадает со строкой, переданной в аргументе name. Соответствие имени проверяется в самую последнюю очередь, только для HTML элементов и только для тех из них, которые поддерживают свойство name. Возвращает null , если искомый элемент отсутствует.
    
+ 
    Возвращает узел, идентификатор или имя (в целях совместимости) которого совпадает со строкой, переданной в аргументе name. Соответствие имени проверяется в самую последнюю очередь, только для HTML-элементов и только для тех из них, которые поддерживают свойство name. Возвращает null , если искомый элемент отсутствует.
    
 
 
 
    Использование в JavaScript
    
 
-
    HTMLCollection предоставляет своё содержимое как собственные свойства, доступные как по имени, так и по индексу (как в массиве). Это связано с тем, что идентификаторы HTML элементов, содержащие точки и двоеточие (допустимо в HTML5), адресуемы исключительно через синтаксис доступа к массиву. Однако, при числовых идентификаторах невозможно определить, производится ли запрос по индексу или по идентификатору, неявно приведённому к числу.
    
+
    HTMLCollection предоставляет своё содержимое как собственные свойства, доступные как по имени, так и по индексу (как в массиве). Это связано с тем, что идентификаторы HTML-элементов, содержащие точки и двоеточие (допустимо в HTML5), адресуемы исключительно через синтаксис доступа к массиву. Однако, при числовых идентификаторах невозможно определить, производится ли запрос по индексу или по идентификатору, неявно приведённому к числу.
    
 
 
    Пусть в документе присутствует элемент <form> с id, равным «myForm»:
    
 
diff --git a/files/ru/web/api/htmldataelement/index.html b/files/ru/web/api/htmldataelement/index.html
index 5413e65602..e3ab32d179 100644
--- a/files/ru/web/api/htmldataelement/index.html
+++ b/files/ru/web/api/htmldataelement/index.html
@@ -61,5 +61,5 @@ translation_of: Web/API/HTMLDataElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{HTMLElement("data")}}.
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{HTMLElement("data")}}.
      • 
 
    
diff --git a/files/ru/web/api/htmldialogelement/index.html b/files/ru/web/api/htmldialogelement/index.html
index 941f36a9bc..db86f745fb 100644
--- a/files/ru/web/api/htmldialogelement/index.html
+++ b/files/ru/web/api/htmldialogelement/index.html
@@ -132,5 +132,5 @@ translation_of: Web/API/HTMLDialogElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент, реализующий этот интерфейс взаимодействия: {{ HTMLElement("dialog") }}.
      • 
+ 
    • HTML-элемент, реализующий этот интерфейс взаимодействия: {{ HTMLElement("dialog") }}.
      • 
 
    
diff --git a/files/ru/web/api/htmldialogelement/open/index.html b/files/ru/web/api/htmldialogelement/open/index.html
index 28a6c8f812..d207727568 100644
--- a/files/ru/web/api/htmldialogelement/open/index.html
+++ b/files/ru/web/api/htmldialogelement/open/index.html
@@ -122,5 +122,5 @@ var myOpenValue = dialogInstance.open;
    
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент, использующий данный интерфейс взаимодействия: {{ HTMLElement("dialog") }}.
      • 
+ 
    • HTML-элемент, использующий данный интерфейс взаимодействия: {{ HTMLElement("dialog") }}.
      • 
 
    
diff --git a/files/ru/web/api/htmldivelement/index.html b/files/ru/web/api/htmldivelement/index.html
index d98a50dcbe..d9dc9fdff6 100644
--- a/files/ru/web/api/htmldivelement/index.html
+++ b/files/ru/web/api/htmldivelement/index.html
@@ -65,5 +65,5 @@ translation_of: Web/API/HTMLDivElement
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент реализующий этот интерфейс: {{ HTMLElement("div") }}.
      • 
+ 
    • HTML-элемент реализующий этот интерфейс: {{ HTMLElement("div") }}.
      • 
 
    
diff --git a/files/ru/web/api/htmlelement/hidden/index.html b/files/ru/web/api/htmlelement/hidden/index.html
index e94f8d2729..11f118c0a9 100644
--- a/files/ru/web/api/htmlelement/hidden/index.html
+++ b/files/ru/web/api/htmlelement/hidden/index.html
@@ -4,7 +4,7 @@ slug: Web/API/HTMLElement/hidden
 translation_of: Web/API/HTMLElement/hidden
 ---
 
    
-
    HTMLElement Свойство hidden является {{jsxref("Boolean")}} типом данных , который принимает значение true , если содержимое спрятано, в противном случае значение будет false. Это свойство совершенно отличается от использования CSS свойства {{cssxref("display")}} , чтобы контролировать отображение элемента.Свойство hidden применимо ко всем режимам  представления и не должно использоваться для скрытия содержимого предназначенного для прямого доступа к пользователю. Соответствующие варианты использования включают:
    
+
    HTMLElement Свойство hidden является {{jsxref("Boolean")}} типом данных , который принимает значение true , если содержимое спрятано, в противном случае значение будет false. Это свойство совершенно отличается от использования CSS-свойства {{cssxref("display")}} , чтобы контролировать отображение элемента.Свойство hidden применимо ко всем режимам  представления и не должно использоваться для скрытия содержимого предназначенного для прямого доступа к пользователю. Соответствующие варианты использования включают:
    
 
    
 
     
 
 
    
-
    Примечание: не все CSS свойства применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.
    
+
    Примечание: не все CSS-свойства применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.
    
 
    
 
 
    Смотрите также
    
diff --git a/files/ru/web/css/margin-bottom/index.html b/files/ru/web/css/margin-bottom/index.html
index 6e65b841ff..dd47948112 100644
--- a/files/ru/web/css/margin-bottom/index.html
+++ b/files/ru/web/css/margin-bottom/index.html
@@ -3,7 +3,7 @@ title: margin-bottom
 slug: Web/CSS/margin-bottom
 tags:
   - CSS
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/margin-bottom
 ---
 
    {{CSSRef}}
    
@@ -14,7 +14,7 @@ translation_of: Web/CSS/margin-bottom
 
 
 
-
                            Влияние CSS свойства margin-bottom на блок элемента
    
+
                            Влияние CSS-свойства margin-bottom на блок элемента
    
 
 
    Это свойство не имеет воздействия на незамещаемые элементы, такие как {{HTMLElement("span")}} или {{HTMLElement("code")}}.
    
 
diff --git a/files/ru/web/css/mix-blend-mode/index.html b/files/ru/web/css/mix-blend-mode/index.html
index cb6cfde131..55db946685 100644
--- a/files/ru/web/css/mix-blend-mode/index.html
+++ b/files/ru/web/css/mix-blend-mode/index.html
@@ -4,12 +4,12 @@ slug: Web/CSS/mix-blend-mode
 tags:
   - CSS
   - CSS композитинг
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/mix-blend-mode
 ---
 
    {{CSSRef}}
    
 
-
    CSS свойство mix-blend-mode определяет режим смешивания цветов выбранного элемента с низлежащими слоями.
    
+
    CSS-свойство mix-blend-mode определяет режим смешивания цветов выбранного элемента с низлежащими слоями.
    
 
 
    {{EmbedInteractiveExample("pages/css/mix-blend-mode.html")}}
    
 
diff --git a/files/ru/web/css/opacity/index.html b/files/ru/web/css/opacity/index.html
index 92b9189692..d434f4cfe0 100644
--- a/files/ru/web/css/opacity/index.html
+++ b/files/ru/web/css/opacity/index.html
@@ -3,7 +3,7 @@ title: opacity
 slug: Web/CSS/opacity
 tags:
   - CSS
-  - CSS свойство
+  - CSS-свойство
   - Opacity
   - Непрозрачность
   - Прозрачность
diff --git a/files/ru/web/css/order/index.html b/files/ru/web/css/order/index.html
index 783af7d5b6..ca01f0c801 100644
--- a/files/ru/web/css/order/index.html
+++ b/files/ru/web/css/order/index.html
@@ -4,7 +4,7 @@ slug: Web/CSS/order
 tags:
   - CSS
   - CSS Flexible Boxes
-  - CSS свойства
+  - CSS-свойства
 translation_of: Web/CSS/order
 ---
 
    {{CSSRef}}
    
diff --git a/files/ru/web/css/padding-left/index.html b/files/ru/web/css/padding-left/index.html
index f669f782d3..21de36b1ab 100644
--- a/files/ru/web/css/padding-left/index.html
+++ b/files/ru/web/css/padding-left/index.html
@@ -3,7 +3,7 @@ title: padding-left
 slug: Web/CSS/padding-left
 tags:
   - CSS
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/padding-left
 ---
 
    {{CSSRef}}
    
diff --git a/files/ru/web/css/padding-right/index.html b/files/ru/web/css/padding-right/index.html
index bba1e82b18..dda2578083 100644
--- a/files/ru/web/css/padding-right/index.html
+++ b/files/ru/web/css/padding-right/index.html
@@ -3,7 +3,7 @@ title: padding-right
 slug: Web/CSS/padding-right
 tags:
   - CSS
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/padding-right
 ---
 
    {{CSSRef}}
    
diff --git a/files/ru/web/css/padding/index.html b/files/ru/web/css/padding/index.html
index d299d9dbf2..b2fc38a794 100644
--- a/files/ru/web/css/padding/index.html
+++ b/files/ru/web/css/padding/index.html
@@ -4,7 +4,7 @@ slug: Web/CSS/padding
 tags:
   - CSS
   - CSS Padding
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/padding
 ---
 
    {{CSSRef}}
    
diff --git a/files/ru/web/css/pointer-events/index.html b/files/ru/web/css/pointer-events/index.html
index 7e58107238..30aecfec17 100644
--- a/files/ru/web/css/pointer-events/index.html
+++ b/files/ru/web/css/pointer-events/index.html
@@ -2,7 +2,7 @@
 title: pointer-events
 slug: Web/CSS/pointer-events
 tags:
-  - CSS свойства
+  - CSS-свойства
   - Ссылка
 translation_of: Web/CSS/pointer-events
 ---
@@ -10,7 +10,7 @@ translation_of: Web/CSS/pointer-events
 
 
    Описание
    
 
-
    CSS свойство pointer-events позволяет контролировать события, при которых элемент может стать объектом события мыши. Если это свойство не задано, то к содержимому SVG будут применяться характеристики значения visiblePainted.
    
+
    CSS-свойство pointer-events позволяет контролировать события, при которых элемент может стать объектом события мыши. Если это свойство не задано, то к содержимому SVG будут применяться характеристики значения visiblePainted.
    
 
 
    Вдобавок к указанию того, что элемент не является объектом события мыши, значение none сообщает событию мыши проходить "через" элемент и обращаться к элементу, находящемуся "под" ним.
    
 
diff --git a/files/ru/web/css/replaced_element/index.html b/files/ru/web/css/replaced_element/index.html
index 5ea04a61f3..54898babfe 100644
--- a/files/ru/web/css/replaced_element/index.html
+++ b/files/ru/web/css/replaced_element/index.html
@@ -40,7 +40,7 @@ original_slug: Web/CSS/Замещаемый_элемент
 
 
    CSS обрабатывает замещаемые элементы особым образом в некоторых случаях, например при расчёте внешних отступов и некоторых значений auto.
    
 
-
    Заметим, что у некоторых замещаемых элементов, но не у всех, есть внутренние размеры или определённая базовая линия, которая используется CSS свойствами вроде {{cssxref("vertical-align")}}.
    
+
    Заметим, что у некоторых замещаемых элементов, но не у всех, есть внутренние размеры или определённая базовая линия, которая используется CSS-свойствами вроде {{cssxref("vertical-align")}}.
    
 
 
    Смотрите также
    
 
diff --git a/files/ru/web/css/resolved_value/index.html b/files/ru/web/css/resolved_value/index.html
index 295f999c83..e1113aafa9 100644
--- a/files/ru/web/css/resolved_value/index.html
+++ b/files/ru/web/css/resolved_value/index.html
@@ -7,7 +7,7 @@ translation_of: Web/CSS/resolved_value
 ---
 
    {{cssref}}
    
 
-
    Решённое значение CSS свойства - значение, возвращаемое {{domxref("Window.getComputedStyle", "getComputedStyle()")}}. Для многих свойств, это {{cssxref("computed_value", "вычисленное значение") }}, но для старых свойств (включая {{cssxref("width")}} и {{cssxref("height")}}), это {{cssxref("used_value", "используемое значение")}}. Смотрите ссылку спецификации ниже для дополнительной информации.
    
+
    Решённое значение CSS-свойства - значение, возвращаемое {{domxref("Window.getComputedStyle", "getComputedStyle()")}}. Для многих свойств, это {{cssxref("computed_value", "вычисленное значение") }}, но для старых свойств (включая {{cssxref("width")}} и {{cssxref("height")}}), это {{cssxref("used_value", "используемое значение")}}. Смотрите ссылку спецификации ниже для дополнительной информации.
    
 
 
    Спецификации
    
 
diff --git a/files/ru/web/css/right/index.html b/files/ru/web/css/right/index.html
index e825de23ab..0699fd57a1 100644
--- a/files/ru/web/css/right/index.html
+++ b/files/ru/web/css/right/index.html
@@ -4,7 +4,7 @@ slug: Web/CSS/right
 tags:
   - CSS
   - CSS Позиционирование
-  - CSS свойство
+  - CSS-свойство
 translation_of: Web/CSS/right
 ---
 
    {{CSSRef}}
    
diff --git a/files/ru/web/css/scroll-behavior/index.html b/files/ru/web/css/scroll-behavior/index.html
index 0797bac009..fa2127eda6 100644
--- a/files/ru/web/css/scroll-behavior/index.html
+++ b/files/ru/web/css/scroll-behavior/index.html
@@ -7,7 +7,7 @@ translation_of: Web/CSS/scroll-behavior
 
 
    Описание
    
 
-
    scroll-behavior - CSS свойство, которое определяет поведение прокрутки для любого элемента на странице. Отрабатывается в момент автоматической прокрутки навигационных элементов, либо CSSOM прокручивается API. Любые другие прокручивания, например, те, которые выполняются пользователем, не затрагиваются этим свойством. Если это свойство указано на корневой элемент, оно относится ко всему viewport пространству.
    
+
    scroll-behavior - CSS-свойство, которое определяет поведение прокрутки для любого элемента на странице. Отрабатывается в момент автоматической прокрутки навигационных элементов, либо CSSOM прокручивается API. Любые другие прокручивания, например, те, которые выполняются пользователем, не затрагиваются этим свойством. Если это свойство указано на корневой элемент, оно относится ко всему viewport пространству.
    
 
 
    Юзер-агенты могут игнорировать это свойство.
    
 
diff --git a/files/ru/web/css/shorthand_properties/index.html b/files/ru/web/css/shorthand_properties/index.html
index 90738acb1b..8f6baf168a 100644
--- a/files/ru/web/css/shorthand_properties/index.html
+++ b/files/ru/web/css/shorthand_properties/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/Shorthand_properties
 ---
 
    {{cssref}}
    
 
-
    Сокращённые свойства - это такие CSS свойства, которые позволяют одновременно устанавливать значения нескольких других свойств. Используя сокращённое свойство, вы можете писать более сжатые (и часто более читаемые) таблицы стилей, экономя время и энергию.
    
+
    Сокращённые свойства - это такие CSS-свойства, которые позволяют одновременно устанавливать значения нескольких других свойств. Используя сокращённое свойство, вы можете писать более сжатые (и часто более читаемые) таблицы стилей, экономя время и энергию.
    
 
 
    The CSS specification defines shorthand properties to group the definition of common properties acting on the same theme. For instance, the CSS {{cssxref("background")}} property is a shorthand property that's able to define the values of {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-repeat")}}, and {{cssxref("background-position")}}. Similarly, the most common font-related properties can be defined using the shorthand {{cssxref("font")}}, and the different margins around a box can be defined using the {{cssxref("margin")}} shorthand.
    
 
diff --git a/files/ru/web/css/specified_value/index.html b/files/ru/web/css/specified_value/index.html
index 7cc26d6db9..3bf9b4c6b9 100644
--- a/files/ru/web/css/specified_value/index.html
+++ b/files/ru/web/css/specified_value/index.html
@@ -9,11 +9,11 @@ original_slug: Web/CSS/Указанное_значение
 ---
 
    {{CSSRef}}
    
 
-
    Указанное значение CSS свойства может устанавливаться одним из 3 следующих способов.
    
+
    Указанное значение CSS-свойства может устанавливаться одним из 3 следующих способов.
    
 
 
      
  
    1. Если в таблице стилей документа указано значение свойства, которое будет использоваться. Например, если свойство {{cssxref("color")}} устанавливается в green, то цвет текста соответствующего элемента становится зелёным.
      2. 
- 
    2. Если в таблице стилей документа указано значение, которое может наследоваться от родительского элемента (если возможно). Например, у нас есть параграф ({{HTMLElement("p")}}) внутри {{HTMLElement("div")}}, а к {{HTMLElement("div")}} применено CSS свойство font со значением "Arial", а у {{HTMLElement("p")}} не установлено свойство font, то он унаследует значение шрифта "Arial".
      3. 
+ 
    3. Если в таблице стилей документа указано значение, которое может наследоваться от родительского элемента (если возможно). Например, у нас есть параграф ({{HTMLElement("p")}}) внутри {{HTMLElement("div")}}, а к {{HTMLElement("div")}} применено CSS-свойство font со значением "Arial", а у {{HTMLElement("p")}} не установлено свойство font, то он унаследует значение шрифта "Arial".
      4. 
  
    4. Если не выполняется не то, не другое, начальное значение элемента применяется из CSS спецификации.
      5. 
 
    
 
diff --git a/files/ru/web/css/syntax/index.html b/files/ru/web/css/syntax/index.html
index 18803ab95c..fa36a6bf1f 100644
--- a/files/ru/web/css/syntax/index.html
+++ b/files/ru/web/css/syntax/index.html
@@ -17,7 +17,7 @@ original_slug: Web/CSS/Синтаксис
 
 
    Объявления CSS
    
 
-
    Задание CSS свойствам определённых значений — это основная функция CSS. Пара свойство-значение называется объявлением. Работа CSS движка заключается в поиске соответствий между объявлениями стилей и элементом на странице, чтобы правильно отобразить и форматировать этот элемент.
    
+
    Задание CSS-свойствам определённых значений — это основная функция CSS. Пара свойство-значение называется объявлением. Работа CSS движка заключается в поиске соответствий между объявлениями стилей и элементом на странице, чтобы правильно отобразить и форматировать этот элемент.
    
 
 
    И свойство, и значения регистрозависимы. Пара свойство-значение разделяется двоеточием, ':' (U+003A COLON), а пробелы до, между и после свойства или значения игнорируются.
    
 
diff --git a/files/ru/web/css/text-align-last/index.html b/files/ru/web/css/text-align-last/index.html
index ca8d567785..b7f525971c 100644
--- a/files/ru/web/css/text-align-last/index.html
+++ b/files/ru/web/css/text-align-last/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/text-align-last
 
 
    Кратко
    
 
-
    text-align-last CSS свойство описывает как выравнивается последняя строка в блоке или строка, идущая сразу перед принудительным разрывом строки.
    
+
    text-align-last CSS-свойство описывает как выравнивается последняя строка в блоке или строка, идущая сразу перед принудительным разрывом строки.
    
 
 
    {{cssinfo}}
    
 
diff --git a/files/ru/web/css/text-align/index.html b/files/ru/web/css/text-align/index.html
index bbd885ec7b..8c58dd091b 100644
--- a/files/ru/web/css/text-align/index.html
+++ b/files/ru/web/css/text-align/index.html
@@ -7,7 +7,7 @@ translation_of: Web/CSS/text-align
 
 
    Резюме
    
 
-
    text-align CSS свойство описывает, как линейное содержимое, наподобие текста, выравнивается в блоке его родительского элемента. text-align не контролирует выравнивание элементов самого блока, но только их линейное содержимое.
    
+
    text-align CSS-свойство описывает, как линейное содержимое, наподобие текста, выравнивается в блоке его родительского элемента. text-align не контролирует выравнивание элементов самого блока, но только их линейное содержимое.
    
 
 
    {{cssinfo}}
    
 
diff --git a/files/ru/web/css/top/index.html b/files/ru/web/css/top/index.html
index 41f4143b26..24e7bcac0c 100644
--- a/files/ru/web/css/top/index.html
+++ b/files/ru/web/css/top/index.html
@@ -4,7 +4,7 @@ slug: Web/CSS/top
 tags:
   - CSS
   - CSS Позиционирование
-  - CSS свойство
+  - CSS-свойство
   - Справка
 translation_of: Web/CSS/top
 ---
diff --git a/files/ru/web/css/visual_formatting_model/index.html b/files/ru/web/css/visual_formatting_model/index.html
index 6c756b85ba..7256046229 100644
--- a/files/ru/web/css/visual_formatting_model/index.html
+++ b/files/ru/web/css/visual_formatting_model/index.html
@@ -26,7 +26,7 @@ original_slug: Web/Guide/CSS/Visual_formatting_model
 
 
    Блочные элементы и блок-боксы
    
 
-
    Говорят, что элемент является блочным, когда вычисленное значение его CSS свойства {{ cssxref("display") }} равно: block, list-item, или table. Блочный элемент визуально форматируется как блок (например, параграф), предназначенный для вертикальной компоновки (в столбик).
    
+
    Говорят, что элемент является блочным, когда вычисленное значение его CSS-свойства {{ cssxref("display") }} равно: block, list-item, или table. Блочный элемент визуально форматируется как блок (например, параграф), предназначенный для вертикальной компоновки (в столбик).
    
 
 
    Каждый элемент блочного уровня участвует в контексте блочного форматирования. Каждый элемент блочного уровня генерирует как минимум один блок-бокс, названный главным блок-боксом. Некоторые элементы, например, такие как list-item, создают дополнительные боксы для хранения маркеров и других типографических элементов, содержащихся в list item. Большинство блочных элементов генерирует только один, главный блок-бокс.
    
 
@@ -42,7 +42,7 @@ original_slug: Web/Guide/CSS/Visual_formatting_model
 
 
    В некоторых случаях алгоритм визуального форматирования  вынужден добавлять дополнительные боксы. Так как эти боксы невозможно как-то переименовать и к ним невозможно применить css-селекторы, поэтому эти боксы называют анонимными.
    
 
-
    Из-за того, что к анонимным боксам невозможно применить селекторы, их невозможно изменить с помощью таблицы стилей. Это значит, что все наследуемые CSS свойства для них будут иметь значение inherit, а все ненаследуемые свойства будут иметь значение initial.
    
+
    Из-за того, что к анонимным боксам невозможно применить селекторы, их невозможно изменить с помощью таблицы стилей. Это значит, что все наследуемые CSS-свойства для них будут иметь значение inherit, а все ненаследуемые свойства будут иметь значение initial.
    
 
 
    Блоки-контейнеры содержат либо только инлайн-боксы, либо только элементы блочного уровня. Но, как правило, документ содержит и те и другие. В этом случае анонимные блок-боксы создаются вокруг примыкающих к ним инлайн-боксов.
    
 
@@ -86,7 +86,7 @@ followed by more inline text.

    Элементы инлайн-уровня и инлайн-боксы

    -

    Элементы, которые называются элементами инлайн-уровня - это элементы, у которых вычисленное значение CSS свойства {{ cssxref("display") }} установлено в : inline, inline-block или inline-table. Визуально они не представляют собой какие-то отдельные блоки, но они они располагаются в одну линию с другим контентом инлайн-уровня. Например, содержание параграфа, с различным форматированием, таким как подчёркивание или картинка, состоит из элементов инлайн-уровня.

    +

    Элементы, которые называются элементами инлайн-уровня - это элементы, у которых вычисленное значение CSS-свойства {{ cssxref("display") }} установлено в : inline, inline-block или inline-table. Визуально они не представляют собой какие-то отдельные блоки, но они они располагаются в одну линию с другим контентом инлайн-уровня. Например, содержание параграфа, с различным форматированием, таким как подчёркивание или картинка, состоит из элементов инлайн-уровня.

    venn_inlines.png

    diff --git a/files/ru/web/css/widows/index.html b/files/ru/web/css/widows/index.html index 46606134b4..e1a3aafde1 100644 --- a/files/ru/web/css/widows/index.html +++ b/files/ru/web/css/widows/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/widows

    Свойство widows CSS определяет какое минимальное количество линий должно быть оставлено в начале новой страницы на paged носителе. В типографике, «висячая» строка (widow) это последняя строка параграфа, оказавшаяся в начале следующей страницы. Установка свойства widows позволяет предотвратить висячие строки.

    -

    На нестраничных носителях, таких как screen, CSS свойство widows не имеет эффекта.

    +

    На нестраничных носителях, таких как screen, CSS-свойство widows не имеет эффекта.

    {{cssinfo}}

    diff --git a/files/ru/web/events/index.html b/files/ru/web/events/index.html index f84755f259..daa7c8848c 100644 --- a/files/ru/web/events/index.html +++ b/files/ru/web/events/index.html @@ -155,7 +155,7 @@ translation_of: Web/Events @@ -166,19 +166,19 @@ translation_of: Web/Events - + - + - + - +
    -

    События CSS анимации

    +

    События CSS-анимации
    {{Event("animationstart")}}CSS анимация началась.CSS-анимация началась.
    {{Event("animationcancel")}}CSS анимация прервалась.CSS-анимация прервалась.
    {{Event("animationend")}}CSS анимация завершена.CSS-анимация завершена.
    {{Event("animationiteration")}}CSS анимация повторяется.CSS-анимация повторяется.
    diff --git a/files/ru/web/guide/graphics/index.html b/files/ru/web/guide/graphics/index.html index 638ddb7343..7a988030c7 100644 --- a/files/ru/web/guide/graphics/index.html +++ b/files/ru/web/guide/graphics/index.html @@ -4,7 +4,7 @@ slug: Web/Guide/Graphics translation_of: Web/Guide/Graphics original_slug: Web/Guide/Графика --- -

    Современным веб-сайтам и веб-приложениям часто требуется отображать графику. Статические изображения легко отобразить с помощью элемента {{HTMLElement("img")}}, или с помощью CSS свойства  {{cssxref("background-image")}}. Часто требуется создавать графику на лету, или модифицировать её каким-либо образом после. Как это проделать можно узнать в следующих статьях.

    +

    Современным веб-сайтам и веб-приложениям часто требуется отображать графику. Статические изображения легко отобразить с помощью элемента {{HTMLElement("img")}}, или с помощью CSS-свойства  {{cssxref("background-image")}}. Часто требуется создавать графику на лету, или модифицировать её каким-либо образом после. Как это проделать можно узнать в следующих статьях.

    2D графика

    diff --git a/files/ru/web/html/applying_color/index.html b/files/ru/web/html/applying_color/index.html index 1815d66f34..9d3a24da5a 100644 --- a/files/ru/web/html/applying_color/index.html +++ b/files/ru/web/html/applying_color/index.html @@ -1,17 +1,17 @@ --- -title: Применение цвета к HTML элементам с помощью CSS +title: Применение цвета к HTML-элементам с помощью CSS slug: Web/HTML/Applying_color translation_of: Web/HTML/Applying_color ---
    {{HTMLRef}}
    -

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

    +

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

    -

    К счастью, присвоить цвет к HTML элементу очень просто, и это можно сделать практически со всеми элементами.

    +

    К счастью, присвоить цвет к HTML-элементу очень просто, и это можно сделать практически со всеми элементами.

    -

    Мы затронем большинство из того, что нужно знать при использовании цвета, включая {{anch("Что может иметь цвет", "список элементов, которые могут иметь цвет, и необходимые для этого CSS свойства")}}, {{anch("Как задать цвет", "как задать цвет")}}, и как  {{anch("Использование цвета", "использовать его в таблицах стилей и в JS скриптах")}}. Мы также рассмотрим как {{anch("Предоставляем возможность пользователю выбрать цвет", "предоставить возможность пользователю выбрать цвет")}}. 

    +

    Мы затронем большинство из того, что нужно знать при использовании цвета, включая {{anch("Что может иметь цвет", "список элементов, которые могут иметь цвет, и необходимые для этого CSS-свойства")}}, {{anch("Как задать цвет", "как задать цвет")}}, и как  {{anch("Использование цвета", "использовать его в таблицах стилей и в JS скриптах")}}. Мы также рассмотрим как {{anch("Предоставляем возможность пользователю выбрать цвет", "предоставить возможность пользователю выбрать цвет")}}. 

    Завершим мы статью размышлениями на тему как {{anch("Using color wisely", "использовать цвет с умом")}}: как выбрать подходящий цвет, учитывая потребности людей с различными визуальными способностями.

    @@ -19,7 +19,7 @@ translation_of: Web/HTML/Applying_color

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

    -

    На фундаментальном уровне, свойство {{cssxref ("color")}} определяет цвет текста HTML элемента, а свойство {{cssxref ("background-color")}} - цвет фона элемента. Они работают практически для всех элементов.

    +

    На фундаментальном уровне, свойство {{cssxref ("color")}} определяет цвет текста HTML-элемента, а свойство {{cssxref ("background-color")}} - цвет фона элемента. Они работают практически для всех элементов.

    Текст

    @@ -157,7 +157,7 @@ translation_of: Web/HTML/Applying_color -

    Значение компонента оттенок (H) цветовой модели HSL определяется углом при движении вдоль окружности цилиндра от красного через жёлтый, зелёный, голубой, синий и маджента, и заканчивая через 360° снова красным. Данное значение определяет базовый цвет. Его можно задать в любых единицах, поддерживаемых CSS свойством {{cssxref("<angle>")}}, а именно -  в градусах (deg), радианах (rad), градиентах (grad) или поворотах (turn). Но компонент оттенок никак не влияет на то, насколько насыщенным, ярким или темным будет цвет.

    +

    Значение компонента оттенок (H) цветовой модели HSL определяется углом при движении вдоль окружности цилиндра от красного через жёлтый, зелёный, голубой, синий и маджента, и заканчивая через 360° снова красным. Данное значение определяет базовый цвет. Его можно задать в любых единицах, поддерживаемых CSS-свойством {{cssxref("<angle>")}}, а именно -  в градусах (deg), радианах (rad), градиентах (grad) или поворотах (turn). Но компонент оттенок никак не влияет на то, насколько насыщенным, ярким или темным будет цвет.

    Компонент насыщенность (S) определяет количество конечного цвета из которого состоит указанный оттенок. Остальное определяется уровнем серого цвета, которое указывает компонент luminance/ lightness (L).

    @@ -270,7 +270,7 @@ th {

    Все довольно просто: первый {{HTMLElement("div")}} используется как обёртка (wrapper) содержимого, которое состоит из ещё двух <div>, каждый из которых содержит один параграф ({{HTMLElement("p")}}) и имеет свой стиль.

    -

    Все волшебство, как всегда, происходит в CSS, где мы и будем присваивать цвет к данным HTML элементам..

    +

    Все волшебство, как всегда, происходит в CSS, где мы и будем присваивать цвет к данным HTML-элементам..

    CSS

    diff --git a/files/ru/web/html/attributes/index.html b/files/ru/web/html/attributes/index.html index 60708c8ea7..5f927d8c8e 100644 --- a/files/ru/web/html/attributes/index.html +++ b/files/ru/web/html/attributes/index.html @@ -422,7 +422,7 @@ translation_of: Web/HTML/Attributes

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

    -

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

    +

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

    @@ -482,7 +482,7 @@ translation_of: Web/HTML/Attributes даже для тех, которые не указаны в стандарте.">Глобальный атрибут

    -

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

    +

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

    @@ -652,5 +652,5 @@ translation_of: Web/HTML/Attributes

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

    diff --git a/files/ru/web/html/element/b/index.html b/files/ru/web/html/element/b/index.html index 3d08e60bb5..c6cf6a937a 100644 --- a/files/ru/web/html/element/b/index.html +++ b/files/ru/web/html/element/b/index.html @@ -3,7 +3,7 @@ title: slug: Web/HTML/Element/b translation_of: Web/HTML/Element/b --- -

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

    +

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

    diff --git a/files/ru/web/html/element/base/index.html b/files/ru/web/html/element/base/index.html index 8f97d94d95..ccda66cde3 100644 --- a/files/ru/web/html/element/base/index.html +++ b/files/ru/web/html/element/base/index.html @@ -10,7 +10,7 @@ translation_of: Web/HTML/Element/base ---

    {{HTMLRef}}

    -

    HTML элемент <base> определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе. 
    +

    HTML-элемент <base> определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе. 
    Основной адрес (URL) документа можно запросить скриптом используя {{domxref('document.baseURI')}}.

    diff --git a/files/ru/web/html/element/bdi/index.html b/files/ru/web/html/element/bdi/index.html index 154ecac965..953c973ba9 100644 --- a/files/ru/web/html/element/bdi/index.html +++ b/files/ru/web/html/element/bdi/index.html @@ -11,11 +11,11 @@ translation_of: Web/HTML/Element/bdi ---

    Описание

    -

    HTML элемент <bdi> (bidirectional isolation, или изоляция двунаправленности [текста]) изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).

    +

    HTML-элемент <bdi> (bidirectional isolation, или изоляция двунаправленности [текста]) изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).

    Этот элемент полезен при встраивании текста с неизвестным направлением (например, из базы данных) внутрь текста с заданным направлением.

    -

    Хотя тот же эффект может быть достигнут применением CSS правила {{cssxref("unicode-bidi")}}: isolate к элементу {{HTMLElement("span")}} или другому элементу форматирования текста, семантическое значение передаётся только с помощью элемента <bdi>. Тем более, что браузеры могут игнорировать стили. В этом случае, текст будет отображён корректно при использовании HTML элемента, и некорректно при использовании только CSS стилей.

    +

    Хотя тот же эффект может быть достигнут применением CSS правила {{cssxref("unicode-bidi")}}: isolate к элементу {{HTMLElement("span")}} или другому элементу форматирования текста, семантическое значение передаётся только с помощью элемента <bdi>. Тем более, что браузеры могут игнорировать стили. В этом случае, текст будет отображён корректно при использовании HTML-элемента, и некорректно при использовании только CSS стилей.

    diff --git a/files/ru/web/html/element/caption/index.html b/files/ru/web/html/element/caption/index.html index dfef5ffe40..d2aafc32d2 100644 --- a/files/ru/web/html/element/caption/index.html +++ b/files/ru/web/html/element/caption/index.html @@ -145,8 +145,8 @@ table, th, td {

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

    diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html index 68b81356e4..8fc4558932 100644 --- a/files/ru/web/html/element/input/range/index.html +++ b/files/ru/web/html/element/input/range/index.html @@ -131,7 +131,7 @@ translation_of: Web/HTML/Element/input/range
    {{htmlattrdef("orient")}} {{non-standard_inline}}
    -
    Похоже на  -moz-orient не стандартное CSS свойство влияющее на {{htmlelement('progress')}} и{{htmlelement('meter')}} элементы, orient атрибут определяем ориентацию слайдера. Значение horizontal, значит что слайдер будет отображён горизонтально, а vertical- что вертикально .
    +
    Похоже на  -moz-orient не стандартное CSS-свойство влияющее на {{htmlelement('progress')}} и{{htmlelement('meter')}} элементы, orient атрибут определяем ориентацию слайдера. Значение horizontal, значит что слайдер будет отображён горизонтально, а vertical- что вертикально .
    diff --git a/files/ru/web/html/element/kbd/index.html b/files/ru/web/html/element/kbd/index.html index bcb2759bd5..bd9fb3e954 100644 --- a/files/ru/web/html/element/kbd/index.html +++ b/files/ru/web/html/element/kbd/index.html @@ -3,7 +3,7 @@ title: ': Элемент ввода с клавиатуры' slug: Web/HTML/Element/kbd translation_of: Web/HTML/Element/kbd --- -

    HTML элемент ввода с клавиатуры (<kbd>) указывает на то, что текст внутри элемента  описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, {{Glossary("user agent")}} использует моноширинный шрифт для отображения содержимого элемента <kbd> по умолчанию, хотя это и не указывается HTML стандартом явно.

    +

    HTML-элемент ввода с клавиатуры (<kbd>) указывает на то, что текст внутри элемента  описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, {{Glossary("user agent")}} использует моноширинный шрифт для отображения содержимого элемента <kbd> по умолчанию, хотя это и не указывается HTML стандартом явно.

    <kbd> можно использовать в различных комбинациях с  {{HTMLElement("samp")}} (Sample Output) элементом для отображения различных форм ввода с клавиатуры или ввода, базирующегося на визуальных сигналах.

    diff --git a/files/ru/web/html/element/label/index.html b/files/ru/web/html/element/label/index.html index 1363f779d5..660264e853 100644 --- a/files/ru/web/html/element/label/index.html +++ b/files/ru/web/html/element/label/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/label ---
    {{HTMLRef}}
    -

    HTML элемент <label> представляет собой подпись к элементу пользовательского интерфейса.

    +

    HTML-элемент <label> представляет собой подпись к элементу пользовательского интерфейса.

    diff --git a/files/ru/web/html/element/li/index.html b/files/ru/web/html/element/li/index.html index e8c10e59c1..5bed3c4c10 100644 --- a/files/ru/web/html/element/li/index.html +++ b/files/ru/web/html/element/li/index.html @@ -71,7 +71,7 @@ translation_of: Web/HTML/Element/li Этот атрибут переопределяет тип унаследованный от родительского элемента {{HTMLElement("ol")}} или любого другого. -
    Примечание к использованию: Этот атрибут был убран: используйте CSS свойство {{cssxref("list-style-type")}} взамен.
    +
    Примечание к использованию: Этот атрибут был убран: используйте CSS-свойство {{cssxref("list-style-type")}} взамен.
    @@ -146,8 +146,8 @@ translation_of: Web/HTML/Element/li

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

    diff --git a/files/ru/web/html/element/meta/index.html b/files/ru/web/html/element/meta/index.html index 0a9dc58d64..2e14b041ce 100644 --- a/files/ru/web/html/element/meta/index.html +++ b/files/ru/web/html/element/meta/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/meta ---
    {{HTMLRef}}
    -

    HTML элемент <meta> представляет такие {{Glossary("Metadata","метаданные")}}, которые не могут быть представлены другими HTML-метатегами, такими как {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} или {{HTMLElement("title")}}.

    +

    HTML-элемент <meta> представляет такие {{Glossary("Metadata","метаданные")}}, которые не могут быть представлены другими HTML-метатегами, такими как {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} или {{HTMLElement("title")}}.

    @@ -88,7 +88,7 @@ translation_of: Web/HTML/Element/meta
    "Content-Security-Policy"
    Это значение позволит администратору веб-сайта определить политику содержания для обслуживаемых ресурсов. За некоторыми исключениями, политика в основном включают в себя указание происхождения сервера и конечные точки сценария. Это помогает предотвратить атаки межсайтового скриптинга.
    "content-type" {{obsolete_inline}}
    -
    Этот атрибут определяет MIME type документа. За ним следует синтаксис такой же как и в поле заголовка объекта содержимого HTTPI, однако как и внутри HTML элемента, большинство этих значений не доступно.
    +
    Этот атрибут определяет MIME type документа. За ним следует синтаксис такой же как и в поле заголовка объекта содержимого HTTPI, однако как и внутри HTML-элемента, большинство этих значений не доступно.
    Поэтому допустимым синтаксисом для его содержимого является литеральная строка 'text/html', за которой следует набор символов со следующим синтаксисом: '; charset=IANAcharset' где  IANAcharset это предпочтительное MIME имя для набора символов, который определяется как IANA.
    Замечания:
      diff --git a/files/ru/web/html/element/ol/index.html b/files/ru/web/html/element/ol/index.html index 91ead417f1..0dd6ac43c4 100644 --- a/files/ru/web/html/element/ol/index.html +++ b/files/ru/web/html/element/ol/index.html @@ -204,7 +204,7 @@ translation_of: Web/HTML/Element/ol
      • Другие элементы HTML списка: {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}
        • -
      • CSS свойства, которые могут быть полезны для стилизации <ol> элемента: +
      • CSS-свойства, которые могут быть полезны для стилизации <ol> элемента:
        • свойство {{CSSxRef("list-style")}}, для порядковых показов
        • CSS счётчики, для более сложных вложенных списков
          • diff --git a/files/ru/web/html/element/option/index.html b/files/ru/web/html/element/option/index.html index 86efde49f4..deb839e4a4 100644 --- a/files/ru/web/html/element/option/index.html +++ b/files/ru/web/html/element/option/index.html @@ -8,7 +8,7 @@ translation_of: Web/HTML/Element/option ---
          {{HTMLRef}}
          -

          HTML элемент <option> используется для определения пункта списка контейнера {{HTMLElement("select")}}, элемента {{HTMLElement("optgroup")}}, или элемента {{HTMLElement("datalist")}}. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.

          +

          HTML-элемент <option> используется для определения пункта списка контейнера {{HTMLElement("select")}}, элемента {{HTMLElement("optgroup")}}, или элемента {{HTMLElement("datalist")}}. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.

    @@ -41,7 +41,7 @@ translation_of: Web/HTML/Element/option

    Атрибуты

    -

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

    +

    Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты.

    {{htmlattrdef("disabled")}} -- отключён(о)
    diff --git a/files/ru/web/html/element/ruby/index.html b/files/ru/web/html/element/ruby/index.html index 310b8b48b8..dcbce9afcf 100644 --- a/files/ru/web/html/element/ruby/index.html +++ b/files/ru/web/html/element/ruby/index.html @@ -9,7 +9,7 @@ tags: - Web translation_of: Web/HTML/Element/ruby --- -

    HTML элемент<ruby> предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.

    +

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

    diff --git a/files/ru/web/html/element/slot/index.html b/files/ru/web/html/element/slot/index.html index c0da7f7050..ddf06556c7 100644 --- a/files/ru/web/html/element/slot/index.html +++ b/files/ru/web/html/element/slot/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/slot ---

    {{HTMLRef}}

    -

    HTML элемент <slot> является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.

    +

    HTML-элемент <slot> является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.

    diff --git a/files/ru/web/html/element/td/index.html b/files/ru/web/html/element/td/index.html index 1aff1b6a4e..1d4e235444 100644 --- a/files/ru/web/html/element/td/index.html +++ b/files/ru/web/html/element/td/index.html @@ -3,7 +3,7 @@ title: ' - + diff --git a/files/ru/webassembly/c_to_wasm/index.html b/files/ru/webassembly/c_to_wasm/index.html index f0cfd57bfe..bdd2e6dd3d 100644 --- a/files/ru/webassembly/c_to_wasm/index.html +++ b/files/ru/webassembly/c_to_wasm/index.html @@ -20,8 +20,8 @@ translation_of: WebAssembly/C_to_wasm

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

    Мы рассмотрим оба способа ниже.

    @@ -95,7 +95,7 @@ int main(int argc, char ** argv) {

    В этот раз мы использовали немного другие параметры компиляции:

    @@ -105,7 +105,7 @@ int main(int argc, char ** argv) {
    -

    Примечание: вы можете указать компилятору создавать только JavaScript кода, без HTML, используя внутри флага -o, .js вместо .html для формата выходного файла, например emcc -o hello2.js hello2.c -O3 -s WASM=1. После этого вы должны создать свой собственный HTML файл с нуля. Однако так делать не рекомендуется — Emscripten требуется большое количество связывающего кода для обработки операций выделения памяти, утечек памяти и других проблем, которые уже включены в предоставляемый шаблон. Намного легче использовать уже готовое решение, чем создавать свои собственные версии самому.

    +

    Примечание: вы можете указать компилятору создавать только JavaScript-кода, без HTML, используя внутри флага -o, .js вместо .html для формата выходного файла, например emcc -o hello2.js hello2.c -O3 -s WASM=1. После этого вы должны создать свой собственный HTML файл с нуля. Однако так делать не рекомендуется — Emscripten требуется большое количество связывающего кода для обработки операций выделения памяти, утечек памяти и других проблем, которые уже включены в предоставляемый шаблон. Намного легче использовать уже готовое решение, чем создавать свои собственные версии самому.

    Вызов пользовательской функции, определённой в Си

    diff --git a/files/ru/webassembly/rust_to_wasm/index.html b/files/ru/webassembly/rust_to_wasm/index.html index 9413beea7a..1f2d6d644d 100644 --- a/files/ru/webassembly/rust_to_wasm/index.html +++ b/files/ru/webassembly/rust_to_wasm/index.html @@ -297,7 +297,7 @@ js.then(js => {

    Заметьте, что вам нужно будет снова ввести ваше имя для npm.

    -

    Так мы импортируем наш модуль из папки node_modules. Это не считается лучшей практикой, но это пример, так что пока сойдёт. Как только файл загрузится, он вызовет функцию greet из этого модуля, передав "WebAssembly", как строку. Обратите внимание, что здесь нет ничего особенного, и всё же мы вызываем код на Rust! Насколько JavaScript код может судить, это просто обычный модуль.

    +

    Так мы импортируем наш модуль из папки node_modules. Это не считается лучшей практикой, но это пример, так что пока сойдёт. Как только файл загрузится, он вызовет функцию greet из этого модуля, передав "WebAssembly", как строку. Обратите внимание, что здесь нет ничего особенного, и всё же мы вызываем код на Rust! Насколько JavaScript-код может судить, это просто обычный модуль.

    Мы закончили! Давайте попробуем:

    diff --git a/files/ru/webassembly/using_the_javascript_api/index.html b/files/ru/webassembly/using_the_javascript_api/index.html index 1840b83b92..d5e1b72e4a 100644 --- a/files/ru/webassembly/using_the_javascript_api/index.html +++ b/files/ru/webassembly/using_the_javascript_api/index.html @@ -187,7 +187,7 @@ console.log(sum);

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

    -

    Таблицы могут изменятся с помощью метода Table.prototype.set(), который обновляет одно из значений в таблице, и метода Table.prototype.grow(), который увеличивает количество значений, которое может быть размещено в таблице. Это позволяет этому "непрямо-вызываемому набору функций" изменяться со временем, что необходимо для техник динамического связывания. Изменения немедленно становятся доступными с помощью метода Table.prototype.get() в JavaScript коде и wasm-модулях.

    +

    Таблицы могут изменятся с помощью метода Table.prototype.set(), который обновляет одно из значений в таблице, и метода Table.prototype.grow(), который увеличивает количество значений, которое может быть размещено в таблице. Это позволяет этому "непрямо-вызываемому набору функций" изменяться со временем, что необходимо для техник динамического связывания. Изменения немедленно становятся доступными с помощью метода Table.prototype.get() в JavaScript-коде и wasm-модулях.

    Пример таблицы

    -- cgit v1.2.3-54-g00ecf
    : элемент ячейки таблицы данных' slug: Web/HTML/Element/td translation_of: Web/HTML/Element/td --- -

    HTML элемент <td> определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.

    +

    HTML-элемент <td> определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.

    @@ -59,7 +59,7 @@ translation_of: Web/HTML/Element/td
    Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта.
      -
    • Чтобы добиться такого же эффекта как при left, center, right или justify значениях, используйте их как параметры CSS свойства {{cssxref("text-align")}}.
      • +
    • Чтобы добиться такого же эффекта как при left, center, right или justify значениях, используйте их как параметры CSS-свойства {{cssxref("text-align")}}.
    • Чтобы добиться эффекта как char значение в CSS3,  вы можете использовать значение {{htmlattrxref("char", "td")}} как значение свойства {{cssxref("text-align")}} {{unimplemented_inline}}.
    @@ -156,11 +156,11 @@ translation_of: Web/HTML/Element/td
  • и top, который будет выравнивать текст как можно ближе к верхней части ячейки.
    • -
    Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта: вместо этого используйте CSS свойство {{cssxref("vertical-align")}}.
    +
    Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("vertical-align")}}.
    {{htmlattrdef("width")}} {{Deprecated_inline("html4.01")}}, {{obsolete_inline("html5")}}
    Этот атрибут устанавливает рекомендуемую ширину ячейки. Свойства cellspacing и cellpadding  могут добавить дополнительное пространство и ширина элемента {{HTMLElement("col")}} может иметь некоторый эффект.  Обычно если ширина столбца слишком узкая чтобы показать конкретную ячейку должным образом, она может быть расширена при отображении. -
    Примечание: Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте CSS свойство {{cssxref("width")}}.
    +
    Примечание: Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте CSS-свойство {{cssxref("width")}}.
    @@ -199,7 +199,7 @@ translation_of: Web/HTML/Element/td

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

      -
    • Другие табличные HTML элементы: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.
      • +
    • Другие табличные HTML-элементы: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.

    {{HTMLRef}}

    diff --git a/files/ru/web/html/element/ul/index.html b/files/ru/web/html/element/ul/index.html index 3b398d94e5..ad10e21735 100644 --- a/files/ru/web/html/element/ul/index.html +++ b/files/ru/web/html/element/ul/index.html @@ -171,8 +171,8 @@ translation_of: Web/HTML/Element/ul

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

      -
    • Остальные списковые HTML элементы: {{ HTMLElement("ol") }}, {{ HTMLElement("li") }}, {{ HTMLElement("menu") }} и устаревший {{ HTMLElement("dir") }};
      • -
    • CSS свойства, которые могут быть полезны для стилизации <ul> элементов: +
    • Остальные списковые HTML-элементы: {{ HTMLElement("ol") }}, {{ HTMLElement("li") }}, {{ HTMLElement("menu") }} и устаревший {{ HTMLElement("dir") }};
      • +
    • CSS-свойства, которые могут быть полезны для стилизации <ul> элементов:
      • свойство list-style, полезное для выбора способа отображения маркеров,
      • CSS счётчики, для более сложных вложенных списков,
        • diff --git a/files/ru/web/html/element/video/index.html b/files/ru/web/html/element/video/index.html index 1d8d520b82..7fd0a0bb6c 100644 --- a/files/ru/web/html/element/video/index.html +++ b/files/ru/web/html/element/video/index.html @@ -39,7 +39,7 @@ translation_of: Web/HTML/Element/video

        Атрибуты

        -

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

        +

        Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты.

        {{htmlattrdef("autoplay")}}
        diff --git a/files/ru/web/html/global_attributes/index.html b/files/ru/web/html/global_attributes/index.html index bc1d9b8ed2..6ca8cde1bc 100644 --- a/files/ru/web/html/global_attributes/index.html +++ b/files/ru/web/html/global_attributes/index.html @@ -6,10 +6,10 @@ translation_of: Web/HTML/Global_attributes
        {{HTMLSidebar("Global_attributes")}}
        -

        Глобальные атрибуты — это атрибуты общие для всех HTML элементов; они могут использоваться всеми элементами, хотя на некоторые элементы могут не оказывать влияния.

        +

        Глобальные атрибуты — это атрибуты общие для всех HTML-элементов; они могут использоваться всеми элементами, хотя на некоторые элементы могут не оказывать влияния.

        -

        Глобальные атрибуты могут быть указаны для любых элементов HTML, даже для тех, которые не указаны в стандарте. Это значит, что все нестандартные элементы должны допускать эти атрибуты, даже если использование этих элементов означает, что документ больше не является HTML5-совместимым. Например, HTML5-совместимые браузеры скрывают содержимое, помеченное как <foo hidden>...<foo>, хотя <foo> не является верным HTML элементом.

        +

        Глобальные атрибуты могут быть указаны для любых элементов HTML, даже для тех, которые не указаны в стандарте. Это значит, что все нестандартные элементы должны допускать эти атрибуты, даже если использование этих элементов означает, что документ больше не является HTML5-совместимым. Например, HTML5-совместимые браузеры скрывают содержимое, помеченное как <foo hidden>...<foo>, хотя <foo> не является верным HTML-элементом.

        В дополнение к основным для HTML глобальным атрибутам, также существуют следующие глобальные атрибуты:

        diff --git a/files/ru/web/http/cors/index.html b/files/ru/web/http/cors/index.html index c6031dbb96..a4d1f6204f 100644 --- a/files/ru/web/http/cors/index.html +++ b/files/ru/web/http/cors/index.html @@ -46,7 +46,7 @@ translation_of: Web/HTTP/CORS

        Здесь мы рассмотрим три сценария, которые иллюстрируют как Cross-Origin Resource Sharing работает. Каждый сценарий использует объект {{domxref("XMLHttpRequest")}}, который может быть использован для межсайтового взаимодействия, в любом, поддерживающем данный объект, браузере.

        -

        Фрагменты JavaScript кода, включённые в эти секции (а также фрагменты кода, отвечающие за корректную обработку межсерверных запросов, которые запускаются на сервере) могут быть испытаны "в действии" на http://arunranga.com/examples/access-control/, и будут работать в браузерах, которые поддерживают {{domxref("XMLHttpRequest")}}.

        +

        Фрагменты JavaScript-кода, включённые в эти секции (а также фрагменты кода, отвечающие за корректную обработку межсерверных запросов, которые запускаются на сервере) могут быть испытаны "в действии" на http://arunranga.com/examples/access-control/, и будут работать в браузерах, которые поддерживают {{domxref("XMLHttpRequest")}}.

        Обсуждение Cross-Origin Resource Sharing с точки зрения сервера (включая фрагменты кода на PHP) может быть найдено в статье Server-Side Access Control (CORS).

        diff --git a/files/ru/web/http/csp/index.html b/files/ru/web/http/csp/index.html index 3598af01de..9141ba8341 100644 --- a/files/ru/web/http/csp/index.html +++ b/files/ru/web/http/csp/index.html @@ -20,7 +20,7 @@ translation_of: Web/HTTP/CSP

        Межсайтовый скриптинг

        -

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

        +

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

        CSP даёт возможность администраторам серверов снизить или полностью устранить вектора, по которым злоумышленники могут провести XSS, с помощью определения доменов, которые браузер клиента должен считать доверенными источниками исполняемых скриптов. В таком случае, браузер, совместимый с CSP, будет исполнять только те скрипты, которые были получены из списка разрешённых источников, и игнорировать прочие (в т.ч. встраиваемые скрипты и обработчики событий, указанные непосредственно в HTML-атрибутах).

        diff --git a/files/ru/web/http/headers/content-language/index.html b/files/ru/web/http/headers/content-language/index.html index 5f2799b5ef..f44696fb43 100644 --- a/files/ru/web/http/headers/content-language/index.html +++ b/files/ru/web/http/headers/content-language/index.html @@ -58,7 +58,7 @@ Content-Language: de-DE, en-CA

        Указание использованного языка документа

        -

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

        +

        Глобальный атрибут lang используется на HTML-элементах для указания языка всего HTML документа или его частей.

        <html lang="de">
        diff --git a/files/ru/web/index.html b/files/ru/web/index.html index e084f7e316..c5be97f019 100644 --- a/files/ru/web/index.html +++ b/files/ru/web/index.html @@ -92,7 +92,7 @@ translation_of: Web
        SVG
        SVG (Scalable Vector Graphics - масштабируемая векторная графика) -   позволяет вам описать изображение в виде линий, кривых и других геометрических фигур. Благодаря этому можно масштабировать рисунок без потери качества.
        WebGL
        -
        WebGL - это JavaScript API,  позволяющее рисовать 3D или 2D изображения используя  HTML элемент {{HTMLElement("canvas")}}. Эта технология позволяет использовать стандарт OpenGL ES в Web-содержимом.
        +
        WebGL - это JavaScript API,  позволяющее рисовать 3D или 2D изображения используя  HTML-элемент {{HTMLElement("canvas")}}. Эта технология позволяет использовать стандарт OpenGL ES в Web-содержимом.

        Аудио, видео и мультимедиа

        diff --git a/files/ru/web/javascript/guide/introduction/index.html b/files/ru/web/javascript/guide/introduction/index.html index d1739b7e0e..c9881446a1 100644 --- a/files/ru/web/javascript/guide/introduction/index.html +++ b/files/ru/web/javascript/guide/introduction/index.html @@ -136,7 +136,7 @@ original_slug: Web/JavaScript/Guide/Введение_в_JavaScript

        Hello world

        -

        Чтобы начать писать JavaScript код откройте Scratchpad и напишите свой первый "Hello World!" код:

        +

        Чтобы начать писать JavaScript-код откройте Scratchpad и напишите свой первый "Hello World!" код:

        (function(){
   "use strict";
diff --git a/files/ru/web/javascript/guide/keyed_collections/index.html b/files/ru/web/javascript/guide/keyed_collections/index.html
index 62de077e0c..dfffa495e5 100644
--- a/files/ru/web/javascript/guide/keyed_collections/index.html
+++ b/files/ru/web/javascript/guide/keyed_collections/index.html
@@ -155,7 +155,7 @@ mySet2 = new Set([1,2,3,4]);
  
      • WeakSet нельзя итерировать. А также нельзя получить список (итератор) элементов.
        •
      -

      Использование WeakSet достаточно специфическое. Пользуясь тем, что они не могут создавать утечек памяти, в них можно, например, безопасно помещать ссылки на DOM элементы.

      +

      Использование WeakSet достаточно специфическое. Пользуясь тем, что они не могут создавать утечек памяти, в них можно, например, безопасно помещать ссылки на DOM-элементы.

      Больше примеров и полное описание на странице справочника {{jsxref("WeakSet")}}

      diff --git a/files/ru/web/javascript/index.html b/files/ru/web/javascript/index.html index 67ee50a50f..5557b54e98 100644 --- a/files/ru/web/javascript/index.html +++ b/files/ru/web/javascript/index.html @@ -122,7 +122,7 @@ translation_of: Web/JavaScript
      Инструменты разработчика Firefox
      Простой редактор JavaScript, Веб-консоль, JavaScript Профайлер, Отладчик и другие.
      JavaScript шеллы
      -
      JavaScript шеллы позволяют быстро проверять фрагменты JavaScript кода.
      +
      JavaScript шеллы позволяют быстро проверять фрагменты JavaScript-кода.
      TogetherJS
      Объединение усилий стало проще. Добавляя TogetherJS на вашу веб-страницу, ваши пользователи могут помочь другу-другу в реальном времени!
      Stack Overflow
      diff --git a/files/ru/web/javascript/memory_management/index.html b/files/ru/web/javascript/memory_management/index.html index 59c5590a1b..4fa942b997 100644 --- a/files/ru/web/javascript/memory_management/index.html +++ b/files/ru/web/javascript/memory_management/index.html @@ -54,7 +54,7 @@ someElement.addEventListener('click', function(){

      Вызовы некоторых функций также ведут к выделению памяти под объект:

      var d = new Date();
-var e = document.createElement('div'); // выделяет память под DOM элемент
+var e = document.createElement('div'); // выделяет память под DOM-элемент

      Некоторые методы выделяют память для новых значений или объектов:

      diff --git a/files/ru/web/javascript/reference/global_objects/eval/index.html b/files/ru/web/javascript/reference/global_objects/eval/index.html index da097ab92c..3c0ed3ae24 100644 --- a/files/ru/web/javascript/reference/global_objects/eval/index.html +++ b/files/ru/web/javascript/reference/global_objects/eval/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/eval

      Warning: Выполнение кода JavaScript с текстовой строки - это невероятный риск для безопасности. Злоумышленнику слишком легко запустить какой угодно код, когда вы используете eval(). Смотрите  Никогда не используйте eval()!, ниже.

      -

      Метод eval() выполняет JavaScript код, представленный строкой.

      +

      Метод eval() выполняет JavaScript-код, представленный строкой.

      {{EmbedInteractiveExample("pages/js/globalprops-eval.html")}}

      diff --git a/files/ru/web/javascript/reference/global_objects/proxy/index.html b/files/ru/web/javascript/reference/global_objects/proxy/index.html index 0d4574126f..ffb56bcf1e 100644 --- a/files/ru/web/javascript/reference/global_objects/proxy/index.html +++ b/files/ru/web/javascript/reference/global_objects/proxy/index.html @@ -56,7 +56,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Proxy
    - + diff --git a/files/ru/web/javascript/reference/lexical_grammar/index.html b/files/ru/web/javascript/reference/lexical_grammar/index.html index e1332b977d..ac86ccd94b 100644 --- a/files/ru/web/javascript/reference/lexical_grammar/index.html +++ b/files/ru/web/javascript/reference/lexical_grammar/index.html @@ -111,7 +111,7 @@ ECMAScript также определяет ключевые слова и лит

    Окончание строк

    -

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

    +

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

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

    diff --git a/files/ru/web/javascript/reference/operators/this/index.html b/files/ru/web/javascript/reference/operators/this/index.html index 64840be7d9..33aa7207b2 100644 --- a/files/ru/web/javascript/reference/operators/this/index.html +++ b/files/ru/web/javascript/reference/operators/this/index.html @@ -368,14 +368,14 @@ for (var i = 0; i < elements.length; i++) {

    В инлайновом обработчике событий

    -

    Когда код вызван из инлайнового обработчика, this указывает на DOM элемент, в котором расположен код события:

    +

    Когда код вызван из инлайнового обработчика, this указывает на DOM-элемент, в котором расположен код события:

    <button onclick="alert(this.tagName.toLowerCase());">
   Показать this
 </button>
    -

    Код выше выведет 'button'. Следует отметить, что this будет указывать на DOM элемент только во внешних (не вложенных) функциях:

    +

    Код выше выведет 'button'. Следует отметить, что this будет указывать на DOM-элемент только во внешних (не вложенных) функциях:

    <button onclick="alert((function() {return this;} ()));">
   Показать вложенный this
diff --git a/files/ru/web/javascript/reference/strict_mode/index.html b/files/ru/web/javascript/reference/strict_mode/index.html
index 8370cd4bfa..0264f43fb4 100644
--- a/files/ru/web/javascript/reference/strict_mode/index.html
+++ b/files/ru/web/javascript/reference/strict_mode/index.html
@@ -244,7 +244,7 @@ f(); // выдаст TypeError
 
 
    "Безопасный" JavaScript
    
 
-
    Строгий режим упрощает написание "безопасного" JavaScript кода. Сейчас некоторые веб-сайты предоставляют пользователям возможность писать JavaScript, который будет выполняться на сайте от имени других пользователей. В браузерах, JavaScript может иметь доступ к приватной информации пользователя, поэтому, в целях ограничения доступа к запретной функциональности, такой JavaScript перед выполнением должен быть частично преобразован. Гибкость JavaScript делает это практически невозможным без многочисленных проверок во время исполнения. Функционал, исполняемый языком иногда столь массивен, что выполнение любых дополнительных проверок во время исполнения скрипта приведёт к значительной потере производительности. Однако, некоторые особенности строгого режима, плюс обязательное требование того, чтобы JavaScript, загруженный пользователем, имел строгий режим и вызывался определённым способом, существенно снижают потребность в таких проверках.
    
+
    Строгий режим упрощает написание "безопасного" JavaScript-кода. Сейчас некоторые веб-сайты предоставляют пользователям возможность писать JavaScript, который будет выполняться на сайте от имени других пользователей. В браузерах, JavaScript может иметь доступ к приватной информации пользователя, поэтому, в целях ограничения доступа к запретной функциональности, такой JavaScript перед выполнением должен быть частично преобразован. Гибкость JavaScript делает это практически невозможным без многочисленных проверок во время исполнения. Функционал, исполняемый языком иногда столь массивен, что выполнение любых дополнительных проверок во время исполнения скрипта приведёт к значительной потере производительности. Однако, некоторые особенности строгого режима, плюс обязательное требование того, чтобы JavaScript, загруженный пользователем, имел строгий режим и вызывался определённым способом, существенно снижают потребность в таких проверках.
    
 
 
    Во-первых, значение, передаваемое в функцию как this, в строгом режиме не приводится к объекту (не "упаковывается"). В обычной функции this всегда представляет собой объект: либо это непосредственно объект, в случае вызова с this, представляющим объект-значение; либо значение, упакованное в объект, в случае вызова с this типа Boolean, string, или number; либо глобальный объект, если тип this это undefined или null. (Для точного определения конкретного this используйте {{jsxref('Global_Objects/Function/call', 'call')}}, {{jsxref('Global_Objects/Function/apply', 'apply')}}, или {{jsxref('Global_Objects/Function/bind', 'bind')}}.) Автоматическая упаковка не только снижает производительность, но и выставляет на показ глобальный объект, что в браузерах является угрозой безопасности, потому что глобальный объект предоставляет доступ к функциональности, которая должна быть ограничена в среде "безопасного" JavaScript. Таким образом, для функции в строгом режиме точно определённый this не упаковывается в объект, а если не определён точно, this является undefined:
    
 
diff --git a/files/ru/web/javascript/shells/index.html b/files/ru/web/javascript/shells/index.html
index 7d00cdd193..864a577889 100644
--- a/files/ru/web/javascript/shells/index.html
+++ b/files/ru/web/javascript/shells/index.html
@@ -35,7 +35,7 @@ original_slug: Web/JavaScript/JavaScript_шеллы
  
  • JavaScript Shell (web page) - также доступен как часть Extension Developer's Extension
    • 
  
  • Jash: JavaScript Shell - оболочка, основана на DHTML, которая предоставляет доступ к командной строки веб-страницы.
    • 
  
  • MozRepl - Подключайтесь к Firefox и другим приложениям Mozilla, изучайте и изменяйте их изнутри, пока они работают.
    • 
- 
  • Execute JS - (больше не поддерживается) Расширение для Firefox, представляющее собой расширенную JavaScript-консоль, в которой можно удобно набирать и выполнять произвольный JavaScript код и изменить функции.
    • 
+ 
  • Execute JS - (больше не поддерживается) Расширение для Firefox, представляющее собой расширенную JavaScript-консоль, в которой можно удобно набирать и выполнять произвольный JavaScript-код и изменить функции.
    • 
  
  • xqjs - Простая консоль для Firefox.
    • 
  
  • JavaScript Shell Extended - Модифицированная версия вышеупомянутого шелла с различными улучшениями, такими как поддержка JSON, поддержка последней версии JavaScript и т.д.
    • 
  
  • JavaScript Shell Server - Осуществляет связь через Emacs.
    • 
diff --git a/files/ru/web/mathml/element/math/index.html b/files/ru/web/mathml/element/math/index.html
index 15e951f867..fe8943ba56 100644
--- a/files/ru/web/mathml/element/math/index.html
+++ b/files/ru/web/mathml/element/math/index.html
@@ -161,7 +161,7 @@ translation_of: Web/MathML/Element/math
 
    Смотрите также
    
 
 
      
- 
    • HTML элемент верхнего уровня: <html>
      • 
+ 
    • HTML-элемент верхнего уровня: <html>
      • 
  
    • SVG элемент верхнего уровня: <svg>
      • 
  
    • Тест-браузер MathML: Для XHTML и HTML5
      • 
 
    
diff --git a/files/ru/web/performance/animation_performance_and_frame_rate/index.html b/files/ru/web/performance/animation_performance_and_frame_rate/index.html
index 0d0688c535..ef421c2507 100644
--- a/files/ru/web/performance/animation_performance_and_frame_rate/index.html
+++ b/files/ru/web/performance/animation_performance_and_frame_rate/index.html
@@ -11,7 +11,7 @@ tags:
 translation_of: Web/Performance/Animation_performance_and_frame_rate
 original_slug: Web/Performance/Производительность_анимации
 ---
-
    Анимация в Вебе может быть сделана с помощью {{domxref('SVGAnimationElement', 'SVG')}}, {{domxref('window.requestAnimationFrame','JavaScript')}}, включая {{htmlelement('canvas')}} и {{domxref('WebGL_API', 'WebGL')}}, CSS {{cssxref('animation')}}, {{htmlelement('video')}}, анимированных GIF и даже с помощью анимированных PNG и других типов изображений. Производительность CSS анимации может отличаться от одного CSS-свойства к другому, а попытка анимировать некоторые "дорогие" CSS-свойства может привести к зависаниям ({{glossary('jank')}}), даже несмотря на то, что браузер борется за то, чтобы смягчить частоту смены кадров {{glossary('frame rate')}}.
    
+
    Анимация в Вебе может быть сделана с помощью {{domxref('SVGAnimationElement', 'SVG')}}, {{domxref('window.requestAnimationFrame','JavaScript')}}, включая {{htmlelement('canvas')}} и {{domxref('WebGL_API', 'WebGL')}}, CSS {{cssxref('animation')}}, {{htmlelement('video')}}, анимированных GIF и даже с помощью анимированных PNG и других типов изображений. Производительность CSS-анимации может отличаться от одного CSS-свойства к другому, а попытка анимировать некоторые "дорогие" CSS-свойства может привести к зависаниям ({{glossary('jank')}}), даже несмотря на то, что браузер борется за то, чтобы смягчить частоту смены кадров {{glossary('frame rate')}}.
    
 
 
    Для анимированных медиа, таких как видео и GIF, основная проблема производительности - это размер файлов. Скачивание больших по объёму файлов не может не повлиять на производительность системы или на то, как эту систему воспринимает пользователь. 
    
 
@@ -25,23 +25,23 @@ original_slug: Web/Performance/Производительность_анимац
 
 
    Графики frame rate и waterfall из встроенных инструментов браузера дают информацию о том, как браузер выполняет работу по анимации. Используя эти инструменты, вы можете измерить fps приложения и диагностировать узкие места, в которых fps уменьшается.
    
 
-
    С помощью CSS анимации вы указываете ключевые кадры (keyframes), каждый из которых использует определённые CSS свойства, чтобы определить внешний вид элемента в конкретный (ключевой) момент анимации. Браузер создаёт анимации с помощью плавных переходов от одного ключевого кадра к следующему.
    
+
    С помощью CSS-анимации вы указываете ключевые кадры (keyframes), каждый из которых использует определённые CSS-свойства, чтобы определить внешний вид элемента в конкретный (ключевой) момент анимации. Браузер создаёт анимации с помощью плавных переходов от одного ключевого кадра к следующему.
    
 
 
    Если сравнивать анимацию с помощью JavaScript и CSS, вы увидите, что CSS-анимации проще создать. Более того, CSS-анимации гарантируют лучшую производительность, так как они автоматически делегируют некоторые задачи браузеру. Например, в случае CSS браузер сам решает, когда нужно отрендерить кадр, а когда пропустить кадр, если это необходимо. 
    
 
 

    
- Однако, стоимость изменения разных CSS свойств варьируется. Общепринято, что 60 кадров в секунду - это достаточная частота, чтобы анимация выглядела мягкой и плавной. Несложный подсчёт говорит, что при частоте 60 кадров в секунду, браузер имеет лишь 16.7 миллисекунд, чтобы выполнить все скрипты, пересчитать стили, скомпоновать слои и отрисовать новый кадр. Отсюда следует, что медленные скрипты и анимация дорогих CSS свойств может может привести к зависаниям, так как браузер все ещё будет пытаться вычислить все 60 кадров.
    
+ Однако, стоимость изменения разных CSS-свойств варьируется. Общепринято, что 60 кадров в секунду - это достаточная частота, чтобы анимация выглядела мягкой и плавной. Несложный подсчёт говорит, что при частоте 60 кадров в секунду, браузер имеет лишь 16.7 миллисекунд, чтобы выполнить все скрипты, пересчитать стили, скомпоновать слои и отрисовать новый кадр. Отсюда следует, что медленные скрипты и анимация дорогих CSS-свойств может может привести к зависаниям, так как браузер все ещё будет пытаться вычислить все 60 кадров.
    
 
 
    Стоит заметить, что 60 кадров в секунду - это стандартная частота обновления экрана. Существуют экраны с гораздо большим FPS. Например, экраны игровых ноутбуков или iPad Pro 2018 имеют частоту смены кадров, равную 120 fps и выше. Для таких устройств производители браузеров ограничивают частоту 60-ю кадрами в секунду, но с помощью некоторых опций этот лимит можно убрать. И в этом случае, на формирование каждого кадра устройство будет отводить лишь 8.6 миллисекунд.
    
 
 
    Этапы рендеринга
    
 
-
    Процесс, используемый браузером для отображения анимации CSS свойств, может быть представлен как последовательность этапов из следующего изображения:
    
+
    Процесс, используемый браузером для отображения анимации CSS-свойств, может быть представлен как последовательность этапов из следующего изображения:
    
 
 
    
 
 
      
- 
    1. Recalculate Style: когда любое CSS свойство для элемента изменяется, браузер должен заново вычислить результирующий набор свойств.
      2. 
+ 
    2. Recalculate Style: когда любое CSS-свойство для элемента изменяется, браузер должен заново вычислить результирующий набор свойств.
      3. 
  
    3. Layout: затем браузер использует вычисленные стили для того, чтобы понять позицию и геометрию элементов - как изменённого, так и рядом лежащих. Эта операция называется "layout", но иногда её так же называют "reflow".
      4. 
  
    4. Paint: наконец, браузер должен перерисовать элементы на экране. Но этот этап не обязательно должен быть простым, как на изображении. Страница может быть разделена на слои, каждый из которых перерисовывается независимо, а только после этого они комбинируются в процессе, который называется композицией "Composition".
      5. 
 
    
@@ -50,7 +50,7 @@ original_slug: Web/Performance/Производительность_анимац
 
 
    В любом случае, вычисление каждого следующего кадра должно происходить достаточно быстро, чтобы успеть попасть в частоту обновления экрана, чтобы не было зависаний.
    
 
-
    Стоимость CSS свойств
    
+
    Стоимость CSS-свойств
    
 
 
    На всех этапах рендеринга изменение некоторых свойств является более затратным, других - менее:
    
 
@@ -107,7 +107,7 @@ original_slug: Web/Performance/Производительность_анимац
    JavaScript кодJavaScript-код Метод обработчика Описание
    -

    На Веб-сайте CSS Triggers хорошо показано, какие CSS свойства вызывают те или иные этапы обновления в разных браузерах.

    +

    На Веб-сайте CSS Triggers хорошо показано, какие CSS-свойства вызывают те или иные этапы обновления в разных браузерах.

    Пример: margin против transform

    diff --git a/files/ru/web/performance/critical_rendering_path/index.html b/files/ru/web/performance/critical_rendering_path/index.html index 2153463b89..dd20f81e0d 100644 --- a/files/ru/web/performance/critical_rendering_path/index.html +++ b/files/ru/web/performance/critical_rendering_path/index.html @@ -19,7 +19,7 @@ translation_of: Web/Performance/Critical_rendering_path

    Document Object Model

    -

    Построение DOM инкрементально. Ответ в виде HTML превращается в токены, которые превращаются в узлы (nodes), которые формируют DOM дерево. Простейший узел начинается с startTag-токена и заканчивается токеном endTag. Узлы содержат всю необходимую информацию об HTML элементе, соответствующем этому узлу. Узлы (nodes) связаны с Render Tree с помощью иерархии токенов: если какой-то набор startTag и endTag-токенов появляется между уже существующим набором токенов, мы получаем узел (node) внутри узла (node), то есть получаем иерархию дерева DOM.

    +

    Построение DOM инкрементально. Ответ в виде HTML превращается в токены, которые превращаются в узлы (nodes), которые формируют DOM дерево. Простейший узел начинается с startTag-токена и заканчивается токеном endTag. Узлы содержат всю необходимую информацию об HTML-элементе, соответствующем этому узлу. Узлы (nodes) связаны с Render Tree с помощью иерархии токенов: если какой-то набор startTag и endTag-токенов появляется между уже существующим набором токенов, мы получаем узел (node) внутри узла (node), то есть получаем иерархию дерева DOM.

    Чем больше количество узлов (node) имеет приложение, тем дольше происходит формирование DOM tree, а значит дольше происходит обработка критических этапов рендеринга. Измеряйте! Несколько лишних узлов (node) не сделают погоды, но divitis обязательно приведёт к подвисаниям.

    @@ -27,7 +27,7 @@ translation_of: Web/Performance/Critical_rendering_path

    DOM несёт в себе всё содержимое страницы. CSSOM содержит все стили страницы, то есть данные о том, как стилизовать DOM. CSSOM похож на DOM, но всё же отличается. Если формирование DOM инкрементально, CSSOM - нет. CSS блокирует рендер: браузер блокирует рендеринг страницы до тех пор, пока не получит и не обработает все CSS-правила. CSS блокирует рендеринг, потому что правила могут быть перезаписаны, а значит, необходимо дождаться построения CSSOM, чтобы убедиться в отсутствии дополнительных переопределений.

    -

    У CSS имеются свои правила валидации токенов. Помните, что C в CSS означает "Cascade". CSS правила ниспадают каскадом. Иными словами, когда парсер преобразует токены в узлы (nodes), вложенные узлы наследуют стили от родительских. Инкрементальная обработка недоступна для CSS, потому что набор следующих правил может перезаписать предыдущие. Объектная модель CSS (CSSOM) строится по мере парсинга CSS, но она не может быть использована для построения дерева рендера (render tree), потому что может оказаться так, что следующий набор правил может сделать какой-либо из узлов дерева невидимым на экране. Это может привести к лишнему вызову компоновки и перерасчёта стилей.

    +

    У CSS имеются свои правила валидации токенов. Помните, что C в CSS означает "Cascade". CSS-правила ниспадают каскадом. Иными словами, когда парсер преобразует токены в узлы (nodes), вложенные узлы наследуют стили от родительских. Инкрементальная обработка недоступна для CSS, потому что набор следующих правил может перезаписать предыдущие. Объектная модель CSS (CSSOM) строится по мере парсинга CSS, но она не может быть использована для построения дерева рендера (render tree), потому что может оказаться так, что следующий набор правил может сделать какой-либо из узлов дерева невидимым на экране. Это может привести к лишнему вызову компоновки и перерасчёта стилей.

    Говоря о производительности селекторов (selector), наименее специфичные селекторы срабатывают быстрее. Например, .foo {} сработает быстрее .bar .foo {}. В первом случае, условно, понадобится одна операция, чтобы найти элемент .foo, во втором случае, сначала будут найдены все .foo, а потом браузер пройдёт вверх по дереву в поисках родительского элемента .bar. Более специфичные селекторы требуют от браузера большего количества работы, но эти проблемы, вероятно, не стоят их оптимизации.

    @@ -35,7 +35,7 @@ translation_of: Web/Performance/Critical_rendering_path

    Дерево рендера (Render Tree)

    -

    Дерево рендера охватывает сразу и содержимое страницы, и стили: это место, где DOM и CSSOM деревья комбинируются в одно дерево. Для построения дерева рендера браузер проверяет каждый узел (node) DOM, начиная от корневого (root) и определяет, какие CSS правила нужно присоединить к этому узлу. 

    +

    Дерево рендера охватывает сразу и содержимое страницы, и стили: это место, где DOM и CSSOM деревья комбинируются в одно дерево. Для построения дерева рендера браузер проверяет каждый узел (node) DOM, начиная от корневого (root) и определяет, какие CSS-правила нужно присоединить к этому узлу. 

    Дерево рендера охватывает только видимое содержимое. Например, секция head (в основном) не содержит никакой видимой информации, а потому может не включаться в дерево. Кроме того, если у какого-то узла стоит свойство display: none,  оно так же не включается в дерево (как и потомки этого узла).

    diff --git a/files/ru/web/performance/css_javascript_animation_performance/index.html b/files/ru/web/performance/css_javascript_animation_performance/index.html index 0f5b52e792..e071af27cc 100644 --- a/files/ru/web/performance/css_javascript_animation_performance/index.html +++ b/files/ru/web/performance/css_javascript_animation_performance/index.html @@ -65,9 +65,9 @@ translation_of: Web/Performance/CSS_JavaScript_animation_performance

    Анимация вне основного потока процесса

    -

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

    +

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

    -

    Для того, чтобы выделить анимацию CSS в отдельный процесс, нам нужно убедиться, что изменяемые свойства не запускают этапы reflow/repaint (подробнее здесь: CSS triggers). Если изменяемые CSS свойства не делают этого, то мы можем вынести операции по вычислению стилей в отдельный поток. Наиболее известное свойство - это CSS Transform, которое выводит элемент в отдельный слой. Если элемент представляет из себя отдельный слой, то вычисление каждого следующего кадра может быть сделано на графическом процессоре (GPU). Это радикально улучшает производительность, особенно на мобильных устройства. Подробности здесь: OffMainThreadCompositing.

    +

    Для того, чтобы выделить анимацию CSS в отдельный процесс, нам нужно убедиться, что изменяемые свойства не запускают этапы reflow/repaint (подробнее здесь: CSS triggers). Если изменяемые CSS-свойства не делают этого, то мы можем вынести операции по вычислению стилей в отдельный поток. Наиболее известное свойство - это CSS Transform, которое выводит элемент в отдельный слой. Если элемент представляет из себя отдельный слой, то вычисление каждого следующего кадра может быть сделано на графическом процессоре (GPU). Это радикально улучшает производительность, особенно на мобильных устройства. Подробности здесь: OffMainThreadCompositing.

    Вы можете отключить выведение анимации в отдельный поток, чтобы посмотреть, как эта особенность влияет на FPS. Для этого в настройках Firefox найдите флаг layers.offmainthreadcomposition.async-animations. И переключите его в false.

    diff --git a/files/ru/web/performance/fundamentals/index.html b/files/ru/web/performance/fundamentals/index.html index 2fd01a765d..29c524e0cd 100644 --- a/files/ru/web/performance/fundamentals/index.html +++ b/files/ru/web/performance/fundamentals/index.html @@ -166,9 +166,9 @@ original_slug: Web/Performance/Основы

    Используйте CSS animation и transition

    -

    Вместо использования функции  animate() какой-нибудь библиотеки, которая, вероятно, использует много плохих решений (например ({{domxref("window.setTimeout()")}} или анимирование top / left), используйте CSS анимации. Во многих случаях, вы можете использовать CSS Transitions. Использование этих свойств поможет, так как браузер спроектирован так, чтобы оптимизировать эти эффекты и переносить часть вычислений на GPU, чтобы они работали плавно и с минимальным влиянием на процессор. Другое преимущество - вы можете определить эти анимации в CSS декларативным образом, а не в бизнес-логике приложения.

    +

    Вместо использования функции  animate() какой-нибудь библиотеки, которая, вероятно, использует много плохих решений (например ({{domxref("window.setTimeout()")}} или анимирование top / left), используйте CSS-анимации. Во многих случаях, вы можете использовать CSS Transitions. Использование этих свойств поможет, так как браузер спроектирован так, чтобы оптимизировать эти эффекты и переносить часть вычислений на GPU, чтобы они работали плавно и с минимальным влиянием на процессор. Другое преимущество - вы можете определить эти анимации в CSS декларативным образом, а не в бизнес-логике приложения.

    -

    CSS анимации дают вам очень точный контроль эффектов, если вы используете keyframes. Более того, вы сможете отслеживать события, которые происходят во время анимации, так как основной поток обработки не блокируется. Вы можете с лёгкостью запускать анимации с помощью {{cssxref(":hover")}}, {{cssxref(":focus")}} или {{cssxref(":target")}}. Или динамически добавляя или удаляя классы элемента.

    +

    CSS-анимации дают вам очень точный контроль эффектов, если вы используете keyframes. Более того, вы сможете отслеживать события, которые происходят во время анимации, так как основной поток обработки не блокируется. Вы можете с лёгкостью запускать анимации с помощью {{cssxref(":hover")}}, {{cssxref(":focus")}} или {{cssxref(":target")}}. Или динамически добавляя или удаляя классы элемента.

    Если вы хотите создавать анимации "на лету" или изменять их с помощью JavaScript, Джеймс Лонг написал простую библиотеку для этого - CSS-animations.js.

    diff --git a/files/ru/web/svg/attribute/core/index.html b/files/ru/web/svg/attribute/core/index.html index 6abb480a61..960f9d6fc7 100644 --- a/files/ru/web/svg/attribute/core/index.html +++ b/files/ru/web/svg/attribute/core/index.html @@ -55,7 +55,7 @@ translation_of: Web/SVG/Attribute/Core

    SVG поддерживает стандартный XML-атрибут xml:space для указания обработки символов пробела в пределах заданных {{ SVGElement("text") }} символов текущего элемента.

    -

    Примечание: Вместо атрибута xml:space следует использовать CSS свойство {{cssxref('white-space')}}.

    +

    Примечание: Вместо атрибута xml:space следует использовать CSS-свойство {{cssxref('white-space')}}.

    Значение: default | preserve; Анимируемый: Нет

    diff --git a/files/ru/web/svg/attribute/fill-rule/index.html b/files/ru/web/svg/attribute/fill-rule/index.html index b7c3a793e0..22b569a33b 100644 --- a/files/ru/web/svg/attribute/fill-rule/index.html +++ b/files/ru/web/svg/attribute/fill-rule/index.html @@ -7,7 +7,7 @@ translation_of: Web/SVG/Attribute/fill-rule

    The fill-rule этот  атрибут представления, формулирует алгоритм, используемый для определения внутренней части фигуры.

    -

    Note: Атрибут представления, fill-rule может быть использован как CSS свойство.

    +

    Note: Атрибут представления, fill-rule может быть использован как CSS-свойство.

    Как атрибут представления, он может быть применён к следующим восьми элементам:: {{SVGElement('altGlyph')}}, {{SVGElement('path')}}, {{SVGElement('polygon')}}, {{SVGElement('polyline')}}, {{SVGElement('text')}}, {{SVGElement('textPath')}}, {{SVGElement('tref')}}, and {{SVGElement('tspan')}}

    diff --git a/files/ru/web/svg/attribute/index.html b/files/ru/web/svg/attribute/index.html index 390328c17f..d258b6134c 100644 --- a/files/ru/web/svg/attribute/index.html +++ b/files/ru/web/svg/attribute/index.html @@ -448,7 +448,7 @@ translation_of: Web/SVG/Attribute

    Атрибуты представления

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

    {{ SVGAttr("alignment-baseline") }}, {{ SVGAttr("baseline-shift") }}, {{ SVGAttr("clip") }}, {{ SVGAttr("clip-path") }}, {{ SVGAttr("clip-rule") }}, {{ SVGAttr("color") }}, {{ SVGAttr("color-interpolation") }}, {{ SVGAttr("color-interpolation-filters") }}, {{ SVGAttr("color-profile") }}, {{ SVGAttr("color-rendering") }}, {{ SVGAttr("cursor") }}, {{ SVGAttr("direction") }}, {{ SVGAttr("display") }}, {{ SVGAttr("dominant-baseline") }}, {{ SVGAttr("enable-background") }}, {{ SVGAttr("fill") }}, {{ SVGAttr("fill-opacity") }}, {{ SVGAttr("fill-rule") }}, {{ SVGAttr("filter") }}, {{ SVGAttr("flood-color") }}, {{ SVGAttr("flood-opacity") }}, {{ SVGAttr("font-family") }}, {{ SVGAttr("font-size") }}, {{ SVGAttr("font-size-adjust") }}, {{ SVGAttr("font-stretch") }}, {{ SVGAttr("font-style") }}, {{ SVGAttr("font-variant") }}, {{ SVGAttr("font-weight") }}, {{ SVGAttr("glyph-orientation-horizontal") }}, {{ SVGAttr("glyph-orientation-vertical") }}, {{ SVGAttr("image-rendering") }}, {{ SVGAttr("kerning") }}, {{ SVGAttr("letter-spacing") }}, {{ SVGAttr("lighting-color") }}, {{ SVGAttr("marker-end") }}, {{ SVGAttr("marker-mid") }}, {{ SVGAttr("marker-start") }}, {{ SVGAttr("mask") }}, {{ SVGAttr("opacity") }}, {{ SVGAttr("overflow") }}, {{ SVGAttr("pointer-events") }}, {{ SVGAttr("shape-rendering") }}, {{ SVGAttr("stop-color") }}, {{ SVGAttr("stop-opacity") }}, {{ SVGAttr("stroke") }}, {{ SVGAttr("stroke-dasharray") }}, {{ SVGAttr("stroke-dashoffset") }}, {{ SVGAttr("stroke-linecap") }}, {{ SVGAttr("stroke-linejoin") }}, {{ SVGAttr("stroke-miterlimit") }}, {{ SVGAttr("stroke-opacity") }}, {{ SVGAttr("stroke-width") }}, {{ SVGAttr("text-anchor") }}, {{ SVGAttr("text-decoration") }}, {{ SVGAttr("text-rendering") }}, {{ SVGAttr("unicode-bidi") }}, {{ SVGAttr("visibility") }}, {{ SVGAttr("word-spacing") }}, {{ SVGAttr("writing-mode") }}

    diff --git a/files/ru/web/svg/element/ellipse/index.html b/files/ru/web/svg/element/ellipse/index.html index 0ac542ad66..4b04443b5e 100644 --- a/files/ru/web/svg/element/ellipse/index.html +++ b/files/ru/web/svg/element/ellipse/index.html @@ -52,7 +52,7 @@ original_slug: Web/SVG/Элемент/ellipse
    -

    Обратите внимание: Начиная с SVG2, cx, cy, rx и ry это Геометрические свойства. Это означает, что они могут быть использованы как CSS свойства элемента.

    +

    Обратите внимание: Начиная с SVG2, cx, cy, rx и ry это Геометрические свойства. Это означает, что они могут быть использованы как CSS-свойства элемента.

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

    diff --git a/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html b/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html index aba7b679fd..bcce85b746 100644 --- a/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html +++ b/files/ru/web/svg/tutorial/svg_in_html_introduction/index.html @@ -55,7 +55,7 @@ translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction

    Примечание

    -

    В примере представлен обычный XHTML, CSS и JavaScript код. Здесь есть лишь одна особенность, это наличие SVG элемента. Этот элемент объявлен в специальном пространстве имён SVG, содержит градиент и две фигуры заполненные градиентом. По замыслу, когда пользователь введёт что-нибудь неправильное, то скрипт установит для BODY класс .invalid, где правила стиля изменяют цвет градиента и делают видимым сообщение об ошибке.

    +

    В примере представлен обычный XHTML, CSS и JavaScript-код. Здесь есть лишь одна особенность, это наличие SVG элемента. Этот элемент объявлен в специальном пространстве имён SVG, содержит градиент и две фигуры заполненные градиентом. По замыслу, когда пользователь введёт что-нибудь неправильное, то скрипт установит для BODY класс .invalid, где правила стиля изменяют цвет градиента и делают видимым сообщение об ошибке.

    Такой способ имеет следующие пункты в свою пользу:

    diff --git a/files/ru/web/web_components/index.html b/files/ru/web/web_components/index.html index dd15703d25..68c16cc449 100644 --- a/files/ru/web/web_components/index.html +++ b/files/ru/web/web_components/index.html @@ -160,7 +160,7 @@ translation_of: Web/Web_Components
    {{SpecName("HTML WHATWG","custom-elements.html#custom-elements","custom elements")}} {{Spec2("HTML WHATWG")}}Определение пользовательских HTML элементовОпределение пользовательских HTML-элементов
    {{SpecName("DOM WHATWG","#shadow-trees","shadow trees")}}