From 9d5c8918c5a1034cd0060f8dc02cfc184f76f420 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Tue, 16 Mar 2021 02:52:56 +0300 Subject: Fix mistranslation and spelling issues --- files/ru/_redirects.txt | 2 +- .../learn/css/first_steps/how_css_works/index.html | 2 +- .../api/eventtarget/removeeventlistener/index.html | 2 +- files/ru/conflicting/web/css/_colon_is/index.html | 2 +- files/ru/games/introduction/index.html | 2 +- .../index.html | 2 +- files/ru/glossary/block/css/index.html | 2 +- files/ru/glossary/iife/index.html | 2 +- files/ru/glossary/jquery/index.html | 2 +- .../cascade_and_inheritance/index.html | 2 +- .../type_class_and_id_selectors/index.html | 4 ++-- files/ru/learn/css/howto/index.html | 2 +- .../css/styling_text/styling_links/index.html | 2 +- files/ru/learn/forms/form_validation/index.html | 12 +++++----- .../sending_and_retrieving_form_data/index.html | 2 +- files/ru/learn/forms/your_first_form/index.html | 2 +- .../css_basics/index.html | 2 +- .../creating_hyperlinks/index.html | 2 +- .../getting_started/index.html | 2 +- .../other_embedding_technologies/index.html | 2 +- .../responsive_images/index.html | 4 ++-- .../javascript/asynchronous/introducing/index.html | 3 +-- .../asynchronous/timeouts_and_intervals/index.html | 2 +- .../building_blocks/return_values/index.html | 26 ++++++++++---------- .../server-side/django/authentication/index.html | 2 +- .../django/django_assessment_blog/index.html | 4 ++-- files/ru/learn/server-side/django/index.html | 2 +- .../server-side/django/introduction/index.html | 2 +- .../ru/learn/server-side/django/models/index.html | 4 ++-- .../learn/server-side/django/sessions/index.html | 2 +- .../server-side/django/skeleton_website/index.html | 2 +- .../ru/learn/server-side/django/testing/index.html | 2 +- .../django/web_application_security/index.html | 2 +- .../client-side_javascript_frameworks/index.html | 8 +++---- .../react_getting_started/index.html | 2 +- files/ru/learn/tools_and_testing/github/index.html | 10 ++++---- files/ru/mdn/at_ten/index.html | 2 +- files/ru/mdn/tools/unsupported_get_api/index.html | 4 ++-- .../webextensions/api/cookies/cookie/index.html | 2 +- .../chrome_incompatibilities/index.html | 4 ++-- files/ru/mozilla/firefox/releases/31/index.html | 2 +- files/ru/mozilla/firefox/releases/43/index.html | 4 ++-- files/ru/mozilla/firefox/releases/53/index.html | 2 +- files/ru/mozilla/index.html | 1 - files/ru/orphaned/mdn/editor/links/index.html | 6 ++--- files/ru/orphaned/mdn/editor/redirects/index.html | 2 +- .../index.html" | 2 +- .../index.html" | 4 ++-- .../how_to/examine_and_edit_html/index.html | 6 ++--- files/ru/tools/web_audio_editor/index.html | 1 - files/ru/tools/web_console/index.html | 2 +- files/ru/web/api/abortcontroller/index.html | 4 ++-- .../api/canvasrenderingcontext2d/font/index.html | 2 +- files/ru/web/api/console/timelog/index.html | 2 +- files/ru/web/api/datatransfer/index.html | 2 +- files/ru/web/api/document/body/index.html | 2 +- files/ru/web/api/element/id/index.html | 2 +- files/ru/web/api/element/slot/index.html | 2 +- files/ru/web/api/eventtarget/index.html | 2 +- .../api/filereader/readasarraybuffer/index.html | 2 +- files/ru/web/api/htmlareaelement/index.html | 2 +- files/ru/web/api/imagedata/index.html | 2 +- .../basic_concepts_behind_indexeddb/index.html | 2 +- files/ru/web/api/mutationobserver/index.html | 2 +- files/ru/web/api/rtcpeerconnection/index.html | 2 +- files/ru/web/api/service_worker_api/index.html | 12 +++++----- .../using_service_workers/index.html | 6 ++--- .../using_the_web_animations_api/index.html | 2 +- .../visualizations_with_web_audio_api/index.html | 2 +- files/ru/web/api/web_storage_api/index.html | 2 +- .../index.html | 2 +- files/ru/web/api/webgl_api/tutorial/index.html | 2 +- .../web/api/window/beforeunload_event/index.html | 2 +- files/ru/web/api/window/index.html | 16 ++++++------- files/ru/web/api/xmlhttprequest/index.html | 4 ++-- .../xmlhttprequest/using_xmlhttprequest/index.html | 2 +- files/ru/web/css/@document/index.html | 2 +- files/ru/web/css/@namespace/index.html | 9 ++++--- files/ru/web/css/_colon_default/index.html | 2 +- files/ru/web/css/_colon_defined/index.html | 2 +- files/ru/web/css/_colon_dir/index.html | 2 +- files/ru/web/css/_colon_disabled/index.html | 4 ++-- files/ru/web/css/_colon_enabled/index.html | 4 ++-- files/ru/web/css/_colon_first-child/index.html | 2 +- files/ru/web/css/_colon_first/index.html | 4 ++-- files/ru/web/css/_colon_focus-within/index.html | 2 +- files/ru/web/css/_colon_focus/index.html | 4 ++-- files/ru/web/css/_colon_in-range/index.html | 2 +- files/ru/web/css/_colon_indeterminate/index.html | 4 ++-- files/ru/web/css/_colon_invalid/index.html | 8 +++---- files/ru/web/css/_colon_is/index.html | 6 ++--- files/ru/web/css/_colon_last-child/index.html | 2 +- files/ru/web/css/_colon_link/index.html | 2 +- files/ru/web/css/_colon_not/index.html | 2 +- files/ru/web/css/_colon_optional/index.html | 6 ++--- .../ru/web/css/_colon_placeholder-shown/index.html | 2 +- files/ru/web/css/_colon_read-only/index.html | 4 ++-- files/ru/web/css/_colon_read-write/index.html | 4 ++-- files/ru/web/css/_colon_required/index.html | 4 ++-- files/ru/web/css/_colon_target/index.html | 2 +- files/ru/web/css/_colon_valid/index.html | 4 ++-- files/ru/web/css/_colon_visited/index.html | 6 ++--- files/ru/web/css/_colon_where/index.html | 2 +- files/ru/web/css/_doublecolon_backdrop/index.html | 2 +- .../web/css/animation-timing-function/index.html | 2 +- .../index.html | 2 +- .../aligning_items_in_a_flex_container/index.html | 2 +- .../index.html | 2 +- files/ru/web/css/custom-ident/index.html | 4 ++-- files/ru/web/css/height/index.html | 4 ++-- files/ru/web/css/margin-bottom/index.html | 2 +- files/ru/web/css/margin-left/index.html | 4 ++-- files/ru/web/css/margin-right/index.html | 4 ++-- files/ru/web/css/max-height/index.html | 4 ++-- files/ru/web/css/max-width/index.html | 4 ++-- files/ru/web/css/min-height/index.html | 4 ++-- files/ru/web/css/min-width/index.html | 4 ++-- files/ru/web/css/radial-gradient()/index.html | 14 +++++------ files/ru/web/css/ratio/index.html | 2 +- .../web/css/using_css_custom_properties/index.html | 2 +- files/ru/web/css/width/index.html | 4 ++-- .../html/html5/constraint_validation/index.html | 2 +- files/ru/web/html/element/input/index.html | 2 +- files/ru/web/html/element/noscript/index.html | 4 ++-- files/ru/web/html/element/p/index.html | 2 +- files/ru/web/html/element/strong/index.html | 2 +- files/ru/web/html/element/style/index.html | 2 +- files/ru/web/html/global_attributes/index.html | 28 +++++++++++----------- .../ru/web/html/global_attributes/lang/index.html | 2 +- files/ru/web/http/cookies/index.html | 2 +- .../ru/web/http/headers/content-length/index.html | 2 +- .../web/http/headers/if-modified-since/index.html | 2 +- files/ru/web/http/status/index.html | 2 +- .../a_re-introduction_to_javascript/index.html | 2 +- files/ru/web/javascript/guide/functions/index.html | 2 +- .../character_classes/index.html | 2 +- .../guide/regular_expressions/index.html | 8 +++---- files/ru/web/javascript/index.html | 2 +- .../errors/invalid_const_assignment/index.html | 2 +- .../global_objects/array/@@unscopables/index.html | 2 +- .../reference/global_objects/array/flat/index.html | 2 +- .../global_objects/function/name/index.html | 2 +- .../reference/global_objects/map/delete/index.html | 4 ++-- .../reference/global_objects/map/index.html | 2 +- .../global_objects/promise/any/index.html | 2 +- .../global_objects/regexp/@@search/index.html | 2 +- .../global_objects/regexp/@@split/index.html | 2 +- .../reference/global_objects/string/index.html | 2 +- .../global_objects/symbol/search/index.html | 2 +- .../global_objects/symbol/unscopables/index.html | 2 +- .../javascript/reference/operators/this/index.html | 2 +- .../reference/statements/for-await...of/index.html | 5 ++-- .../reference/template_literals/index.html | 4 ++-- files/ru/web/javascript/typed_arrays/index.html | 2 +- .../web/svg/tutorial/fills_and_strokes/index.html | 2 +- files/ru/web/svg/tutorial/paths/index.html | 6 ++--- files/ru/web/tutorials/index.html | 2 +- 157 files changed, 265 insertions(+), 270 deletions(-) (limited to 'files/ru') diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index e397148064..8588f21c7d 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -280,7 +280,7 @@ /ru/docs/Learn/Server-side/Django/Сессии /ru/docs/Learn/Server-side/Django/Sessions /ru/docs/Learn/Server-side/Express_Nodejs/Учебник_сайт_local_library /ru/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website /ru/docs/Learn/Server-side/First_steps/Веб_Безопасность /ru/docs/Learn/Server-side/First_steps/Website_security -/ru/docs/Learn/Tools_and_testing/ГитХаб /ru/docs/Learn/Tools_and_testing/GitHub +/ru/docs/Learn/Tools_and_testing/GitHub /ru/docs/Learn/Tools_and_testing/GitHub /ru/docs/Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки /ru/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks /ru/docs/Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки/React_getting_started /ru/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started /ru/docs/Learn/Understanding_URLs /ru/docs/Learn/Common_questions/What_is_a_URL diff --git a/files/ru/conflicting/learn/css/first_steps/how_css_works/index.html b/files/ru/conflicting/learn/css/first_steps/how_css_works/index.html index 8e7fae4eb2..7a2fc09c29 100644 --- a/files/ru/conflicting/learn/css/first_steps/how_css_works/index.html +++ b/files/ru/conflicting/learn/css/first_steps/how_css_works/index.html @@ -97,7 +97,7 @@ original_slug: Web/Guide/CSS/Getting_started/How_CSS_works

В DOMi, кликните на узле STRONG.

-

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

+

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

Possible solution
diff --git a/files/ru/conflicting/web/api/eventtarget/removeeventlistener/index.html b/files/ru/conflicting/web/api/eventtarget/removeeventlistener/index.html index 71d4326899..63c2b0c366 100644 --- a/files/ru/conflicting/web/api/eventtarget/removeeventlistener/index.html +++ b/files/ru/conflicting/web/api/eventtarget/removeeventlistener/index.html @@ -22,7 +22,7 @@ original_slug: Web/API/EventTarget/detachEvent
target
DOM элемент, для которого надо убрать обработчик.
eventNameWithOn
-
Название ивента, начинающийся на "on" (так если бы это был колбэк атрибут), чей обработчик должен быть убран. Например, вам следует использовать "onclick" для удаления обработчика для данного "click" ивента.
+
Название события, начинающийся на "on" (так если бы это был колбэк атрибут), чей обработчик должен быть убран. Например, вам следует использовать "onclick" для удаления обработчика для данного "click" события.
callback
Функция, которую стоит убрать.
diff --git a/files/ru/conflicting/web/css/_colon_is/index.html b/files/ru/conflicting/web/css/_colon_is/index.html index d2ed013366..72f71c9556 100644 --- a/files/ru/conflicting/web/css/_colon_is/index.html +++ b/files/ru/conflicting/web/css/_colon_is/index.html @@ -17,7 +17,7 @@ original_slug: Web/CSS/:any

Псевдокласс :any() дает возможность быстрого конструирования наборов похожих селекторов путем составления групп, в которых каждый из входящих элементов будет комбинироваться с элементами из других групп. Это альтернатива для прописывания комбинаций селекторов для одного элемента, который может находится в разных родителях.

-
Замечание: Этот псевдо-класс все еще находится в процессе стандартизации в CSS селекторах уровня 4 под именем :matches(). Вполне вероятно, что синтаксис и имя :-vendor-any() будут изменены в ближайшем будущем, чтобы соответствовать спецификации.
+
Замечание: Этот псевдокласс все еще находится в процессе стандартизации в CSS селекторах уровня 4 под именем :matches(). Вполне вероятно, что синтаксис и имя :-vendor-any() будут изменены в ближайшем будущем, чтобы соответствовать спецификации.

Синтаксис

diff --git a/files/ru/games/introduction/index.html b/files/ru/games/introduction/index.html index a107d280d5..8db80d6d2d 100644 --- a/files/ru/games/introduction/index.html +++ b/files/ru/games/introduction/index.html @@ -79,7 +79,7 @@ original_slug: Games/Ввод

Web-технологии для разработчиков игр

-

Давайте покопаемся в API Web'а, которое приносит на стол и обслуживает разработчиков игр. Вот подробный список, чтобы дать вам представление о том, что Web может сделать для вас:

+

Давайте покопаемся в API веба, которое приносит на стол и обслуживает разработчиков игр. Вот подробный список, чтобы дать вам представление о том, что Web может сделать для вас:

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 487d366dcc..f17d40b881 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 @@ -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/glossary/block/css/index.html b/files/ru/glossary/block/css/index.html index 21e70fd2aa..984e9451ed 100644 --- a/files/ru/glossary/block/css/index.html +++ b/files/ru/glossary/block/css/index.html @@ -8,7 +8,7 @@ tags: - Дизайн translation_of: Glossary/Block/CSS --- -

Блок на Веб-странице это {{glossary("HTML")}} {{glossary("element")}}, который начинается с новой строки, т.е. под предыдущим элементом и над следующим (обычно называется блочным элементом). Например, {{htmlelement("p")}} по умолчанию блочный элемент, в то время как {{htmlelement("a")}} строчной элемент: можно разместить несколько ссылок (одну за другой) в вашем HTML-сорсе и они все будут выводиться на одной и той же строке.

+

Блок на Веб-странице это {{glossary("HTML")}} {{glossary("element")}}, который начинается с новой строки, т.е. под предыдущим элементом и над следующим (обычно называется блочным элементом). Например, {{htmlelement("p")}} по умолчанию блочный элемент, в то время как {{htmlelement("a")}} строчной элемент: можно разместить несколько ссылок (одну за другой) в вашем HTML-коде и они все будут выводиться на одной и той же строке.

Используя свойство {{cssxref("display")}} можно указать, будет элемент строчным или блочным (помимо других вариантов); на блоки также влияют схемы позиционирования  и использование свойства {{cssxref("position")}}.

diff --git a/files/ru/glossary/iife/index.html b/files/ru/glossary/iife/index.html index edeed9e34d..88496f4294 100644 --- a/files/ru/glossary/iife/index.html +++ b/files/ru/glossary/iife/index.html @@ -17,7 +17,7 @@ original_slug: Словарь/IIFE statements })(); -

Это тип выражений, также известный как {{glossary("Self-Executing Anonymous Function")}}, который состоит из двух основных частей. Первая - это сама анонимная функция с лексическим скоупом, заключенным внутри {{jsxref("Operators/Grouping", "Оператора группировки")}} (). Благодаря этому переменные IIFE замыкаются в его пределах, и глобальная область видимости ими не засоряется.

+

Это тип выражений, также известный как {{glossary("Self-Executing Anonymous Function")}}, который состоит из двух основных частей. Первая - это сама анонимная функция с лексической областью видимости, заключенным внутри {{jsxref("Operators/Grouping", "Оператора группировки")}} (). Благодаря этому переменные IIFE замыкаются в его пределах, и глобальная область видимости ими не засоряется.

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

diff --git a/files/ru/glossary/jquery/index.html b/files/ru/glossary/jquery/index.html index 657e4c10c6..1ae1e6648b 100644 --- a/files/ru/glossary/jquery/index.html +++ b/files/ru/glossary/jquery/index.html @@ -26,7 +26,7 @@ original_slug: Словарь/jQuery

Техническая информация

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 dd52f08276..b1adc206f7 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 @@ -185,7 +185,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
-

Примечание: Универсальный селектор (*), комбинаторы (+, >,  ~, '') и псевдо-класс отрицания (:not) не влияют на специфичность.

+

Примечание: Универсальный селектор (*), комбинаторы (+, >,  ~, '') и псевдокласс отрицания (:not) не влияют на специфичность.

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

diff --git a/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html index 6e182420c8..c110b26aa6 100644 --- a/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html +++ b/files/ru/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html @@ -46,7 +46,7 @@ original_slug: Learn/CSS/Building_blocks/Селекторы/Type_Class_and_ID_Se

Использование универсального селектора для облегчения чтения ваших селекторов

-

Одно из применений универсального селектора состоит в том, чтобы облегчить чтение селекторов и сделать их более удобопонятными с точки зрения того, что они делают. Например, если мы хотим выбрать элементы-потомки элемента <article>, которые являются первыми дочерними элементами своего родителя, включая дочерние элементы самого <article>, и сделать их шрифт жирным, мы могли бы использовать псевдо-класс {{cssxref(":first-child")}}, который мы будем изучать в уроке о псевдо-классах и псевдо-элементах, как селектор-потомок вместе с селектором элемента <article>

+

Одно из применений универсального селектора состоит в том, чтобы облегчить чтение селекторов и сделать их более удобопонятными с точки зрения того, что они делают. Например, если мы хотим выбрать элементы-потомки элемента <article>, которые являются первыми дочерними элементами своего родителя, включая дочерние элементы самого <article>, и сделать их шрифт жирным, мы могли бы использовать псевдокласс {{cssxref(":first-child")}}, который мы будем изучать в уроке о псевдоклассах и псевдо-элементах, как селектор-потомок вместе с селектором элемента <article>

article :first-child {
   font-weight: bold;
@@ -54,7 +54,7 @@ original_slug: Learn/CSS/Building_blocks/Селекторы/Type_Class_and_ID_Se
 
 

Однако этот селектор можно спутать с article:first-child, который выберет любой элемент <article>, являющийся первым дочерним элементом другого элемента .

-

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

+

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

article *:first-child {
   font-weight: bold;
diff --git a/files/ru/learn/css/howto/index.html b/files/ru/learn/css/howto/index.html
index 691f887381..578a2b1cbf 100644
--- a/files/ru/learn/css/howto/index.html
+++ b/files/ru/learn/css/howto/index.html
@@ -18,7 +18,7 @@ original_slug: Learn/CSS/Как
  
  • Как писать комментарии в CSS
  • Как выбрать элементы через имя элемента, класс или ID
  • Как выбрать элементы через имя атрибута и содержания
  • -
  • Как использовать псевдо-классы
  • +
  • Как использовать псевдоклассы
  • Как использовать псевдо-элементы
  • Как применить несколько селекторов к тому же правилу
  • Как определить цвета в CSS
  • diff --git a/files/ru/learn/css/styling_text/styling_links/index.html b/files/ru/learn/css/styling_text/styling_links/index.html index 861d27909c..bbafb52296 100644 --- a/files/ru/learn/css/styling_text/styling_links/index.html +++ b/files/ru/learn/css/styling_text/styling_links/index.html @@ -7,7 +7,7 @@ translation_of: Learn/CSS/Styling_text/Styling_links
    {{PreviousMenuNext("Learn/CSS/Styling_text/Styling_lists", "Learn/CSS/Styling_text/Web_fonts", "Learn/CSS/Styling_text")}}
    -

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

    +

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

    diff --git a/files/ru/learn/forms/form_validation/index.html b/files/ru/learn/forms/form_validation/index.html index c1a70b2d23..b63dac246d 100644 --- a/files/ru/learn/forms/form_validation/index.html +++ b/files/ru/learn/forms/form_validation/index.html @@ -92,14 +92,14 @@ original_slug: Learn/HTML/Forms/Валидация_формы

    Когда элемент валидный, следующие утверждения верны:

      -
    • Элемент соответствует CSS псевдо-классу {{cssxref(":valid")}} ; это позволяет вам применить конкретный стиль к валидным элементам.
    • +
    • Элемент соответствует CSS псевдоклассу {{cssxref(":valid")}} ; это позволяет вам применить конкретный стиль к валидным элементам.
    • Если пользователь пытается отправить данные, браузер отправит форму, если нет ничего, остановит отправку (например, JavaScript).

    Когда элемент невалидный, следующие утверждения верны:

      -
    • Элемент соответствует CSS псевдо-классу {{cssxref(":invalid")}}, и иногда другим UI псевдо-классам (например, {{cssxref(":out-of-range")}}), в зависимости от ошибки; это позволяет вам применить конкретный стиль к невалидным элементам.
    • +
    • Элемент соответствует CSS псевдоклассу {{cssxref(":invalid")}}, и иногда другим UI псевдоклассам (например, {{cssxref(":out-of-range")}}), в зависимости от ошибки; это позволяет вам применить конкретный стиль к невалидным элементам.
    • Если пользователь пытается отправить данные, браузер заблокирует форму и выдаст сообщение об ошибке.
    @@ -475,19 +475,19 @@ email.addEventListener("input", function (event) { + если возвращает true, элемент будет соответствовать CSS псевдоклассу {{cssxref(":invalid")}}. + Если возвращает true, элемент будет соответствовать {{cssxref(":invalid")}} и CSS псевдоклассу. {{cssxref(":out-of-range")}}. + Если возвращает true, элемент будет соответствовать {{cssxref(":invalid")}} и CSS псевдоклассу {{cssxref(":out-of-range")}}. @@ -808,7 +808,7 @@ function addEvent(element, event, callback) { }; // Теперь мы можем перестроить наше ограничение валидации -// Поскольку мы не полагаемся на псевдо-класс CSS, мы должны +// Поскольку мы не полагаемся на псевдокласс CSS, мы должны // явно установить допустимый / недопустимый класс в поле электронной почты addEvent(window, "load", function () { // Здесь мы проверяем, пусто ли поле (помните, что поле не требуется) diff --git a/files/ru/learn/forms/sending_and_retrieving_form_data/index.html b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html index f8c265ffb2..f0e7fcbd1f 100644 --- a/files/ru/learn/forms/sending_and_retrieving_form_data/index.html +++ b/files/ru/learn/forms/sending_and_retrieving_form_data/index.html @@ -294,7 +294,7 @@ if __name__ == "__main__":

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

    -

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

    +

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

    Вброс HTTP-заголовка и email

    diff --git a/files/ru/learn/forms/your_first_form/index.html b/files/ru/learn/forms/your_first_form/index.html index 705c6fbeb9..fd3f925e43 100644 --- a/files/ru/learn/forms/your_first_form/index.html +++ b/files/ru/learn/forms/your_first_form/index.html @@ -29,7 +29,7 @@ original_slug: Learn/HTML/Forms/Ваша_первая_HTML_форма

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

    -

    Веб-формы — их также часто называют HTML-формы — состоят из одного или нескольких элементов управления форм (иногда их также называют виджетами) и некоторых дополнительных элементов для структурирования формы. Элементами управления могут быть однострочные или многострочные текстовые поля, выпадающие списки, кнопки, чекбоксы, радио-баттоны, большинство из которых создаются через html-элемент {{htmlelement("input")}}, однако есть и другие элементы, о которых тоже стоит узнать.

    +

    Веб-формы — их также часто называют HTML-формы — состоят из одного или нескольких элементов управления форм (иногда их также называют виджетами) и некоторых дополнительных элементов для структурирования формы. Элементами управления могут быть однострочные или многострочные текстовые поля, выпадающие списки, кнопки, чекбоксы, радиокнопки, большинство из которых создаются через html-элемент {{htmlelement("input")}}, однако есть и другие элементы, о которых тоже стоит узнать.

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

    diff --git a/files/ru/learn/getting_started_with_the_web/css_basics/index.html b/files/ru/learn/getting_started_with_the_web/css_basics/index.html index f5aec65b86..65a8ee1b4e 100644 --- a/files/ru/learn/getting_started_with_the_web/css_basics/index.html +++ b/files/ru/learn/getting_started_with_the_web/css_basics/index.html @@ -124,7 +124,7 @@ translation_of: Learn/Getting_started_with_the_web/CSS_basics Выбирает <img src="myimage.png"> но не <img> - + diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html index 0ec868fd19..6c1090bd2e 100644 --- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html +++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.html @@ -123,7 +123,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Создание_гиперс </p>
  • -

    Перемещение вниз в подкаталоги: Если вы хотите подключить ссылку внутри index.html (верхний уровень index.html), указывающую на projects/index.html, вам нужно спуститься ниже в директории projects перед тем, как указать файл, который вы хотите. Это делается путём указания имени каталога, после которого идёт слэш и затем имя файла. Итак, URL-адрес, который вы используете - projects/index.html:

    +

    Перемещение вниз в подкаталоги: Если вы хотите подключить ссылку внутри index.html (верхний уровень index.html), указывающую на projects/index.html, вам нужно спуститься ниже в директории projects перед тем, как указать файл, который вы хотите. Это делается путём указания имени каталога, после которого идёт слеш и затем имя файла. Итак, URL-адрес, который вы используете - projects/index.html:

    <p>Посетите мою
       <a href="projects/index.html">домашнюю страницу проекта</a>.
    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 1a726362e6..9fe76fed12 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
    @@ -58,7 +58,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Начало_работы
     
     
    1. Открывающий тег: Он состоит из названия (обозначения) элемента (в нашем случае, p), помещённого внутри угловых скобок. Данный тег служит признаком начала элемента, с этого момента тег начинает влиять на следующее после него содержимое.
    2. -
    3. Закрывающий тег: выглядит как и открывающий, но содержит слэш перед названием тега. Он служит признаком конца элемента. Пропуски закрывающих тегов — типичная ошибка новичков, которая может приводить к неопределённым результатам — в лучшем случае всё сработает правильно, в других страница может вовсе не прорисоваться или прорисоваться не как ожидалось.
    4. +
    5. Закрывающий тег: выглядит как и открывающий, но содержит слеш перед названием тега. Он служит признаком конца элемента. Пропуски закрывающих тегов — типичная ошибка новичков, которая может приводить к неопределённым результатам — в лучшем случае всё сработает правильно, в других страница может вовсе не прорисоваться или прорисоваться не как ожидалось.
    6. Содержимое: Как видно, в нашем случае содержимым является простой текст.
    7. Элемент: открывающий тег + закрывающий тег + содержимое = элемент.
    diff --git a/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.html b/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.html index 7d32a65685..6963f6a873 100644 --- a/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/other_embedding_technologies/index.html @@ -207,7 +207,7 @@ textarea.onkeyup = function(){
    -

    Примечание: Чтобы повысить скорость загрузки, рекомендуется установить атрибут src iframe'а с помощью JavaScript после того, как основное содержимое будет загружено. Это ускорит вашу страницу и уменьшит время загрузки официальной страницы (важный показатель {{glossary ("SEO")}}.)

    +

    Примечание: Чтобы повысить скорость загрузки, рекомендуется установить атрибут src в элементе iframe с помощью JavaScript после того, как основное содержимое будет загружено. Это ускорит вашу страницу и уменьшит время загрузки официальной страницы (важный показатель {{glossary ("SEO")}}.)

    Проблемы безопасности

    diff --git a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html index d08e65fc01..bff723e0b6 100644 --- a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html @@ -178,7 +178,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images

    Почему это нельзя сделать посредством CSS и JavaScript?

    -

    Когда браузер начинает загружать страницу, он начинает загрузку изображений до того, как главный парсер начал загружать и интерпретировать CSS и JavaScript. В среднем, эта техника уменьшает время загрузки страницы на 20%. Но она не так полезна в случае с адаптивными изображениями, поэтому и необходимы такие решения, как srcset. Например, вы не могли бы загрузить элемент <img>, потом определить ширину viewport'а при помощи JavaScript и динамически изменить источник изображения. Изначальное изображение было бы уже загружено к тому времени, как вы загрузили его меньшую версию, что плохо.

    +

    Когда браузер начинает загружать страницу, он начинает загрузку изображений до того, как главный парсер начал загружать и интерпретировать CSS и JavaScript. В среднем, эта техника уменьшает время загрузки страницы на 20%. Но она не так полезна в случае с адаптивными изображениями, поэтому и необходимы такие решения, как srcset. Например, вы не могли бы загрузить элемент <img>, потом определить ширину вьюпорта при помощи JavaScript и динамически изменить источник изображения. Изначальное изображение было бы уже загружено к тому времени, как вы загрузили его меньшую версию, что плохо.

    @@ -211,7 +211,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images
  • Найдите широкоформатное пейзажное фото с какой-нибудь яркой деталью. Создайте веб-версию изображения посредством графического редактора, потом обрежьте его, чтобы крупнее выделить деталь, и создайте второе изображение (примерно 480px достаточно).
  • Используйте элемент <picture> для работы с художественно оформленной картинкой.
  • Обозначьте несколько разных размеров для этой картинки.
  • -
  • Используйте srcset/size для описания переключения при смене размеров viewport'а
  • +
  • Используйте srcset/size для описания переключения при смене размеров вьюпорта
  • diff --git a/files/ru/learn/javascript/asynchronous/introducing/index.html b/files/ru/learn/javascript/asynchronous/introducing/index.html index 7ba34475cf..03d6ad86db 100644 --- a/files/ru/learn/javascript/asynchronous/introducing/index.html +++ b/files/ru/learn/javascript/asynchronous/introducing/index.html @@ -9,7 +9,6 @@ tags: - Промисы - Статья - колбэк - - чейнить translation_of: Learn/JavaScript/Asynchronous/Introducing ---
    {{LearnSidebar}}
    @@ -167,7 +166,7 @@ gods.forEach(function (eachName, index){

    Может понадобиться много времени, чтобы привыкнуть к данной концепции; это немного напоминает {{interwiki("wikipedia", "Кот Шрёдингера")}} в действии. Ни один из возможных результатов еще не произошел, поэтому операция fetch в настоящее время ожидает результата. Далее у нас есть три блока кода следующих сразу после fetch():

      -
    • Два then() блока. Оба включают в себя функцию обратного, которая запустится, если предыдущая операция закончилась успешно, и каждая функция обратного вызова принимает на вход результат предыдущей успешно выполненной операции, таким образом вы можете выполнять операции последовательно. Каждый .then() блок возвращает новый promise, это значит что вы можете объединять в цепочки (чейнить) блоки .then(), таким образом можно выполнить несколько асинхронных операций по порядку, одну за другой.
    • +
    • Два then() блока. Оба включают в себя функцию обратного, которая запустится, если предыдущая операция закончилась успешно, и каждая функция обратного вызова принимает на вход результат предыдущей успешно выполненной операции, таким образом вы можете выполнять операции последовательно. Каждый .then() блок возвращает новый promise, это значит что вы можете объединять в цепочки блоки .then(), таким образом можно выполнить несколько асинхронных операций по порядку, одну за другой.
    • catch() блок описывается в конце и будет запущен если какой-либо .then() блок завершится с ошибкой — это аналогично синхронному try...catch, ошибка становится доступной внутри catch(), что может быть использовано для сообщения пользователю о типе возникшей ошибки. Однако синхронный try...catch не будет работать с promise, хотя будет работать с async/await, с которыми вы познакомитесь позже.
    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 7cd498d9a7..bdf187b33f 100644 --- a/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html +++ b/files/ru/learn/javascript/asynchronous/timeouts_and_intervals/index.html @@ -335,7 +335,7 @@ draw();

    Поместите пустой  {{htmlelement("div")}} элемент внутри элемента {{htmlelement("body")}}, затем добавьте внутрь символ ↻ . Этот символ будет действовать как spinner в нашем примере.

  • -

    Применитеpply следующий CSS к HTML шаблону (любым предпочитаемым способом). Он установ красный фон на странице, высоту <body> равную 100% высоты {{htmlelement("html")}} , и центрирует <div> внутри <body>, по горизонтали и вертикали.

    +

    Примените следующий CSS к HTML шаблону (любым предпочитаемым способом). Он установ красный фон на странице, высоту <body> равную 100% высоты {{htmlelement("html")}} , и центрирует <div> внутри <body>, по горизонтали и вертикали.

    html {
       background-color: white;
    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 3e3ebcfd8e..656b1e2750 100644
    --- a/files/ru/learn/javascript/building_blocks/return_values/index.html
    +++ b/files/ru/learn/javascript/building_blocks/return_values/index.html
    @@ -1,5 +1,5 @@
     ---
    -title: Возвращаемое значение ффункции
    +title: Возвращаемое значение функции
     slug: Learn/JavaScript/Building_blocks/Return_values
     translation_of: Learn/JavaScript/Building_blocks/Return_values
     ---
    @@ -7,7 +7,7 @@ translation_of: Learn/JavaScript/Building_blocks/Return_values
     
     
    {{PreviousMenuNext("Learn/JavaScript/Building_blocks/Build_your_own_function","Learn/JavaScript/Building_blocks/События", "Learn/JavaScript/Building_blocks")}}
    -

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

    +

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

  • validity.patternMismatch Возвращает true если значение элемента не соответствует предоставленному шаблону; false в противном случае.

    - если возвращает true, элемент будет соответствовать CSS псевдо-классу {{cssxref(":invalid")}}.
    validity.rangeOverflow Возвращает true если значение элемента выше заданного максимума; false в противном случае.

    - Если возвращает true, элемент будет соответствовать {{cssxref(":invalid")}} и CSS псевдо-классу. {{cssxref(":out-of-range")}}.
    validity.rangeUnderflow Возвращаетtrue если значение элемента меньше заданного минимума; false в противном случае.

    - Если возвращает true, элемент будет соответствовать {{cssxref(":invalid")}} и CSS псевдо-классу {{cssxref(":out-of-range")}}.
    validity.stepMismatch
    Селектор псевдо-классаСелектор псевдокласса Указанные элемент(ы), но только в случае определенного состояния, например, при наведении курсора. a:hover
    Выбирает <a>, но только тогда, когда указатель мыши наведен на ссылку.
    @@ -19,7 +19,7 @@ translation_of: Learn/JavaScript/Building_blocks/Return_values - +
    Цели:Понять что такое возвращаемое значение ффункции и как его использовать.Понять что такое возвращаемое значение функции и как его использовать.
    @@ -35,17 +35,17 @@ console.log(newString); // заменяет одну подстроку другой и возвращает // новую строку со сделанными заменами
    -

    Мы уже видели этот блок кода в нашей первой статье про ффункции. Мы вызываем функцию replace() на строке myText и передаем ей 2 параметра —  заменяемую подстроку и подстроку, которой будем заменять. Когда функция завершит выполнение, она вернет значение, которым является новая строка со сделанными в ней заменами.  В коде выше мы сохраняем это возвращаемое значение как значение переменной newString.

    +

    Мы уже видели этот блок кода в нашей первой статье про функции. Мы вызываем функцию replace() на строке myText и передаем ей 2 параметра —  заменяемую подстроку и подстроку, которой будем заменять. Когда функция завершит выполнение, она вернет значение, которым является новая строка со сделанными в ней заменами.  В коде выше мы сохраняем это возвращаемое значение как значение переменной newString.

    Если Вы посмотрите на функцию replace() на MDN reference page, вы увидите секцию под названием Return value.  Очень важно знать и понимать какие значения возвращаются функциями, так что мы пытаемся включать эту информацию везде, где это возможно.

    -

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

    +

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

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

    Использование возвращаемых значений в ваших собственных функциях

    -

    Чтобы вернуть значение своей ффункции, вы должны использовать ключевое слово return. Мы видели это в действии недавно - в нашем примере random-canvas-circles.html. Наша функцияdraw()отрисовывает где-то на экране 100 случайных кружков. 

    +

    Чтобы вернуть значение своей функции, вы должны использовать ключевое слово return. Мы видели это в действии недавно - в нашем примере random-canvas-circles.html. Наша функцияdraw()отрисовывает где-то на экране 100 случайных кружков. 

    {{htmlelement("canvas")}}:

    @@ -59,7 +59,7 @@ console.log(newString); } }
    -

    Внутри каждой итерации есть 3 вызова ффункции random(). Это сделано чтобы сгенерировать случайное значение для текущей координаты x, y и для радиуса. Функция random() принимает 1 параметр (целое число) и возвращает случайное число в диапазоне от 0 до этого числа. Выглядит это вот так: 

    +

    Внутри каждой итерации есть 3 вызова функции random(). Это сделано чтобы сгенерировать случайное значение для текущей координаты x, y и для радиуса. Функция random() принимает 1 параметр (целое число) и возвращает случайное число в диапазоне от 0 до этого числа. Выглядит это вот так: 

    function random(number) {
       return Math.floor(Math.random()*number);
    @@ -74,7 +74,7 @@ console.log(newString);
     
     

    Но первую версию написать быстрее и она более компактна.

    -

    Мы возвращаем результат вычисления Math.floor(Math.random()*number) каждый раз когда функция вызывается. Это возвращаемое значение появляется в момент вызова ффункции и код продолжается. Так, например, если мы выполним следующую строчку:

    +

    Мы возвращаем результат вычисления Math.floor(Math.random()*number) каждый раз когда функция вызывается. Это возвращаемое значение появляется в момент вызова функции и код продолжается. Так, например, если мы выполним следующую строчку:

    ctx.arc(random(WIDTH), random(HEIGHT), random(50), 0, 2 * Math.PI);
    @@ -83,7 +83,7 @@ console.log(newString);
    ctx.arc(500, 200, 35, 0, 2 * Math.PI);
     
    -

    Сначала выполняются вызовы ффункции random(), на место которых подставляются возвращаемые ей значения, а затем выполнятся сама строка.

    +

    Сначала выполняются вызовы функции random(), на место которых подставляются возвращаемые ей значения, а затем выполнятся сама строка.

    Активное обучение: наша собственная, возвращающая значение функция

    @@ -127,7 +127,7 @@ function factorial(num) {

    Далее мы делаем условный тест — если введенное значение не является числом, мы выводим в параграф сообщение об ошибке . Тест смотрит возвращает ли выражение isNaN(num)  true. Мы используем функцию isNaN() чтобы проверить что значение переменной num не число — если так то функция возвращаетtrue, если нет- false.

  • -

    Если тест возвращает false, значение переменной numчисло, и поэтому мы выводим сообщение внутри параграфа о значениях квадрата, куба и факториала числа. Предложение вызывает  ффункции squared(), cubed() иfactorial() чтобы получить нужные значения. Сохраните Ваш код, загрузите его в браузере и посмотрите на то что получилось.

    +

    Если тест возвращает false, значение переменной numчисло, и поэтому мы выводим сообщение внутри параграфа о значениях квадрата, куба и факториала числа. Предложение вызывает  функции squared(), cubed() иfactorial() чтобы получить нужные значения. Сохраните Ваш код, загрузите его в браузере и посмотрите на то что получилось.

  • @@ -146,15 +146,15 @@ function factorial(num) {

    Заключение

    -

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

    +

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

    Если в статье есть что-то что вы не поняли, не стесняйтесь перечитать статью еще раз или свяжитесь с нами для получения помощи.

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

      -
    • Ффункции более подробно — подробное руководство, охватывающее более продвинутую информацию, связанную с функциями.
    • -
    • Ффункции обратного вызова в JavaScript — распространенный паттерн JavaScript для передачи ффункции в другую функцию как аргумент, который затем вызывается внутри первой функции.
    • +
    • Функции более подробно — подробное руководство, охватывающее более продвинутую информацию, связанную с функциями.
    • +
    • Функции обратного вызова в JavaScript — распространенный паттерн JavaScript для передачи функции в другую функцию как аргумент, который затем вызывается внутри первой функции.

    {{PreviousMenuNext("Learn/JavaScript/Building_blocks/Build_your_own_function","Learn/JavaScript/Building_blocks/Events", "Learn/JavaScript/Building_blocks")}}

    diff --git a/files/ru/learn/server-side/django/authentication/index.html b/files/ru/learn/server-side/django/authentication/index.html index de6551a12b..760cd8943c 100644 --- a/files/ru/learn/server-side/django/authentication/index.html +++ b/files/ru/learn/server-side/django/authentication/index.html @@ -5,7 +5,7 @@ tags: - Python - Аутентификация - Аутентификация django - - Джанго + - Django - Начинающий - Обучение - Разграничение доступа diff --git a/files/ru/learn/server-side/django/django_assessment_blog/index.html b/files/ru/learn/server-side/django/django_assessment_blog/index.html index 2846523f26..22a248eae6 100644 --- a/files/ru/learn/server-side/django/django_assessment_blog/index.html +++ b/files/ru/learn/server-side/django/django_assessment_blog/index.html @@ -1,11 +1,11 @@ --- -title: 'Задание: DIY Джанго мини блог' +title: 'Задание: DIY Django мини блог' slug: Learn/Server-side/Django/django_assessment_blog tags: - Аттестация - Бэкенд - Бэкенд программирование - - Джанго + - Django - Изучение - Начинающий - блог diff --git a/files/ru/learn/server-side/django/index.html b/files/ru/learn/server-side/django/index.html index eca3307e36..8993390384 100644 --- a/files/ru/learn/server-side/django/index.html +++ b/files/ru/learn/server-side/django/index.html @@ -4,7 +4,7 @@ slug: Learn/Server-side/Django tags: - back-end программирование - Введение - - Джанго + - Django - Изучать - Начинающим translation_of: Learn/Server-side/Django diff --git a/files/ru/learn/server-side/django/introduction/index.html b/files/ru/learn/server-side/django/introduction/index.html index 94584856c9..29f854b94c 100644 --- a/files/ru/learn/server-side/django/introduction/index.html +++ b/files/ru/learn/server-side/django/introduction/index.html @@ -5,7 +5,7 @@ tags: - Python - django - Вступление - - Джанго + - Django - Начинающим - Серверное программирование translation_of: Learn/Server-side/Django/Introduction diff --git a/files/ru/learn/server-side/django/models/index.html b/files/ru/learn/server-side/django/models/index.html index b35461558d..4aeb0d64bc 100644 --- a/files/ru/learn/server-side/django/models/index.html +++ b/files/ru/learn/server-side/django/models/index.html @@ -2,7 +2,7 @@ title: 'Django учебник Часть 3: Использование моделей' slug: Learn/Server-side/Django/Models tags: - - Джанго + - Django - данные - модель - туториал @@ -367,7 +367,7 @@ class BookInstance(models.Model):

    Модель __str __ () представляет объект BookInstance, используя комбинацию его уникального идентификатора и связанного с ним заголовка книги.

    -

    Примечание. Немного Python'а:

    +

    Примечание. Немного Python:

    • Значение, возвращаемое __str __ (), является форматированной строкой. В строке мы используем % S для объявления 'placeholders'. После строки укажем %, а затем кортеж, содержащий значения, которые будут вставлены в заполнители. Если у вас просто один заполнитель, вы можете опустить кортеж - например, 'Мое значение:% S' % переменная.
      diff --git a/files/ru/learn/server-side/django/sessions/index.html b/files/ru/learn/server-side/django/sessions/index.html index 82f4056cf3..cccdb20266 100644 --- a/files/ru/learn/server-side/django/sessions/index.html +++ b/files/ru/learn/server-side/django/sessions/index.html @@ -3,7 +3,7 @@ title: 'Руководство часть 7: Сессии' slug: Learn/Server-side/Django/Sessions tags: - django - - Джанго + - Django - Для начинающих - Изучение - Питон diff --git a/files/ru/learn/server-side/django/skeleton_website/index.html b/files/ru/learn/server-side/django/skeleton_website/index.html index 23ce6dcf85..5f6204e0cc 100644 --- a/files/ru/learn/server-side/django/skeleton_website/index.html +++ b/files/ru/learn/server-side/django/skeleton_website/index.html @@ -253,7 +253,7 @@ path('catalog/', include('catalog.urls')),path('', RedirectView.as_view(url='/catalog/', permanent=True)), ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    -

    Кроме того, мы добавили import вниз файла (from django.urls import include) ,чтобы видеть, что мы добавили, но обычно все import'ы добавляются в верхнюю часть файла.

    +

    Кроме того, мы добавили import вниз файла (from django.urls import include) ,чтобы видеть, что мы добавили, но обычно все инструкции import добавляются в верхнюю часть файла.

    Напоследок, создайте файл urls.py внутри папки catalog, и добавьте следующий код, чтобы определить (пустой) urlpatterns. Сюда мы будем добавлять наши URL соотношения, по мере разработки сайта. 

    diff --git a/files/ru/learn/server-side/django/testing/index.html b/files/ru/learn/server-side/django/testing/index.html index 164f3a78fd..248141c498 100644 --- a/files/ru/learn/server-side/django/testing/index.html +++ b/files/ru/learn/server-side/django/testing/index.html @@ -385,7 +385,7 @@ AssertionError: 'Died' != 'died'

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

    -

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

    +

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

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

    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 f88147798a..435982ac1f 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 @@ -64,7 +64,7 @@ translation_of: Learn/Server-side/Django/web_application_security

    Использование шаблонов Django защищает вас от большинства XSS атак. Однако существует возможность отключения данной защиты, при котором экранирование не будет автоматически применятся ко всем полям, которые не должны будут заполнятся пользователем(к примеру, поле help_text обычно заполняется не пользователем, поэтому Django не будет экранировать его значение).

    -

    Так же XSS атаки могут быть осуществлены через другие ненадежные источники данных, такие как cookies, сторонние сервисы или загруженные файлы (и прочие источники, данные которых не были специально обработаны перед отображением на странице). Если вы отображаете данные из этих источников, вы должны добавить ваш собственный обработчик для "санитаризации" данных.

    +

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

    Межсайтовая подделка запроса (CSRF)

    diff --git a/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html index 411829b839..cce9ea74b4 100644 --- a/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html +++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/index.html @@ -2,7 +2,7 @@ title: Понимание JavaScript-фреймворков для фронтенда slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks -original_slug: Learn/Tools_and_testing/Фронтенд_JavaScript_ффреймворки +original_slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймворки ---
    {{LearnSidebar}}
    JavaScript-ффреймворки являются неотъемлемой частью современной веб-разработки,
    @@ -11,7 +11,7 @@ JavaScript-ффреймворки являются неотъем
    инструменты для создания масштабируемых и интерактивных веб-приложений. Многие
    -
    современные компании используют ффреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.
    +
    современные компании используют фреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.
     

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

    @@ -22,11 +22,11 @@ JavaScript-ффреймворки являются неотъем
  • Почему я должен использовать фреймворк? Какие проблемы он решит?
  • Какие вопросы я должен задать себе при выборе определённого фреймворка?
    Нужен ли мне какой-либо из них вовсе?
  • -
  • Какими возможностями обладают ффреймворки? Как они работают в целом и в чём отличия их имплементаций этих возможностей?
  • +
  • Какими возможностями обладают фреймворки? Как они работают в целом и в чём отличия их имплементаций этих возможностей?
  • Как они связаны с "ванильным" JavaScript, или HTML?
  • -

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

    +

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

    Начните прямо сейчас с "Введение в фронтенд фреймворки"

    diff --git a/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html index 96a5d924ea..418ad7f318 100644 --- a/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html +++ b/files/ru/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html @@ -31,7 +31,7 @@ original_slug: Learn/Tools_and_testing/Фронтенд_JavaScript_фреймв -

    Привет Реакт

    +

    Привет React

    Как гласит официальный слоган, React - это библиотека для создания пользовательских интерфейсов. React не является фреймворком – он даже не рассчитан исключительно для web. Он используется для визуализации и в связке с другими библиотеками. Например, React Native можно использовать для создания мобильных приложений; React 360 можно использовать для создания приложений виртуальной реальности; помимо того есть и другие варианты.

    diff --git a/files/ru/learn/tools_and_testing/github/index.html b/files/ru/learn/tools_and_testing/github/index.html index acd5dc38c3..3f7b569a9f 100644 --- a/files/ru/learn/tools_and_testing/github/index.html +++ b/files/ru/learn/tools_and_testing/github/index.html @@ -1,18 +1,18 @@ --- -title: Гит и ГитХаб +title: Git и GitHub slug: Learn/Tools_and_testing/GitHub tags: - Веб - Начинающий - гит translation_of: Learn/Tools_and_testing/GitHub -original_slug: Learn/Tools_and_testing/ГитХаб +original_slug: Learn/Tools_and_testing/GitHub ---
    {{LearnSidebar}}

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

    -

    Самая популярная СКВ (по крайней мере, среди веб-разработчиков) являются Гит (Git), а также ГитХаб (GItHub) - сайт, обеспечивающий размещение ваших репозиториев и включающий инструменты для работы с ними. Цели этого модуля - дать вам необходимые знания о каждой из упомянутых СКВ.

    +

    Самая популярная СКВ (по крайней мере, среди веб-разработчиков) являются Git, а также GitHub- сайт, обеспечивающий размещение ваших репозиториев и включающий инструменты для работы с ними. Цели этого модуля - дать вам необходимые знания о каждой из упомянутых СКВ.

    Обзор

    @@ -22,10 +22,10 @@ original_slug: Learn/Tools_and_testing/ГитХаб
  • Редко, когда вы работаете с проектом полностью самостоятельно. Как только вы начинаете работать с другими людьми, возникает риск конфликта. Речь идет о ситуации, когда несколько человек пытается в одно и то же время обновить одну и ту же часть кода. Нужен определенный механизм, позволяющий управлять событиями и тем самым избежать потери результатов общей работы.
  • Работая с проектом в одиночку или с другими, вы захотите иметь возможность иметь резервную копию кода на случай поломки вашего компьютера.
  • Также у вас может возникнуть необходимость откатить изменения к более ранним версиям, если проблема обнаружена позднее. Конечно, это начать делать самостоятельно, сохраняя различные версии одного и того же файла, например myCode.js, myCode_v2.js, myCode_v3.js, myCode_final.js, myCode_really_really_final.js, и так далее, но это на самом деле ненадежный и порождающий ошибки способ.
  • -
  • Различные члены команды могут захотеть создать собственные версии кода (в Гит такие версии именуются ветками), работать над новой фичей в этой версии, а затем контролируемо объединить эту версию (в ГитХабе используются пул реквизиты - запросы на принятие изменений) с главной версией.
  • +
  • Различные члены команды могут захотеть создать собственные версии кода (в Git такие версии именуются ветками), работать над новой фичей в этой версии, а затем контролируемо объединить эту версию (в GitHub используются пул реквизиты - запросы на принятие изменений) с главной версией.
  • -

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

    +

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

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

    diff --git a/files/ru/mdn/at_ten/index.html b/files/ru/mdn/at_ten/index.html index 613db46ab5..75a689f41e 100644 --- a/files/ru/mdn/at_ten/index.html +++ b/files/ru/mdn/at_ten/index.html @@ -19,7 +19,7 @@ original_slug: MDN_at_ten

    Участие в MDN

    -

    В течение десяти лет сообщество MDN создавала документацию для открытого Web'а. От исправления простых опечаток до написания целых сайтов и совершенно новых API. Каждому есть что предложить, и этот вклад не является слишком большим или слишком маленьким. У нас есть более 90 000 страниц контента, которые были написаны или переведены членами нашего выдающегося сообщества Mozillians. Вы можете стать одним из них.

    +

    В течение десяти лет сообщество MDN создавала документацию для открытого веба. От исправления простых опечаток до написания целых сайтов и совершенно новых API. Каждому есть что предложить, и этот вклад не является слишком большим или слишком маленьким. У нас есть более 90 000 страниц контента, которые были написаны или переведены членами нашего выдающегося сообщества Mozillians. Вы можете стать одним из них.

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

    diff --git a/files/ru/mdn/tools/unsupported_get_api/index.html b/files/ru/mdn/tools/unsupported_get_api/index.html index e76c34712b..73b9a4bb33 100644 --- a/files/ru/mdn/tools/unsupported_get_api/index.html +++ b/files/ru/mdn/tools/unsupported_get_api/index.html @@ -58,7 +58,7 @@ original_slug: MDN/Tools/URL-suffix
    expand
    -

    В сочетании с представлением $children расширяет ответ JSON с подробной информацией для каждой подстраницы. Он работает как комбинация $children и $json на каждой подстранице. Таким образом, мможно узнать о тегах для подстраницы.

    +

    В сочетании с представлением $children расширяет ответ JSON с подробной информацией для каждой подстраницы. Он работает как комбинация $children и $json на каждой подстранице. Таким образом, можно узнать о тегах для подстраницы.

    Пример: https://wiki.developer.mozilla.org/ru/docs/MDN/About$children?expand

    @@ -92,7 +92,7 @@ original_slug: MDN/Tools/URL-suffix
    Редактирует текущую ревизию данного документа вместо его отображения.
    Пример: https://wiki.developer.mozilla.org/ru/docs/MDN/Tools/URL-suffix$edit
    $history
    -
    Показывает историю последних десяти ревизий данного документа вместо его содержимого. Полную историю мможно запросить с помощью значения параметра запроса ?limit=all.
    +
    Показывает историю последних десяти ревизий данного документа вместо его содержимого. Полную историю можно запросить с помощью значения параметра запроса ?limit=all.
    Пример: https://wiki.developer.mozilla.org/ru/docs/MDN/Tools/URL-suffix$history?limit=all
    $revision
    Отображает номер ревизии документа, который необходимо указать после разделителя «/».
    diff --git a/files/ru/mozilla/add-ons/webextensions/api/cookies/cookie/index.html b/files/ru/mozilla/add-ons/webextensions/api/cookies/cookie/index.html index 9191b3017a..18a7ebb330 100644 --- a/files/ru/mozilla/add-ons/webextensions/api/cookies/cookie/index.html +++ b/files/ru/mozilla/add-ons/webextensions/api/cookies/cookie/index.html @@ -70,7 +70,7 @@ gettingAll.then(logCookies);
    Примечание -

    Это API основано на API Chromiumа chrome.cookies. Эта документация основана на cookies.json из кода Chromium.

    +

    Это API основано на API Chromium chrome.cookies. Эта документация основана на cookies.json из кода Chromium.

    Информация о совместимости Microsoft Edge предоставлена корпорацией Microsoft и включена здесь под лицензией Creative Commons Attribution 3.0 United States License.

    diff --git a/files/ru/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html b/files/ru/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html index f980ab3541..7a5853c940 100644 --- a/files/ru/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html +++ b/files/ru/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html @@ -5,9 +5,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities ---
    {{AddonSidebar}}
    -

    Веб расширения разработаны с поддержкой совместимости с расширениями Хрома и Оперы на сколько это возможно. Расширения, написанные для этих браузеров, должны работать в Firefox с минимальными изменениями.

    +

    Веб расширения разработаны с поддержкой совместимости с расширениями Chrome и Оперы на сколько это возможно. Расширения, написанные для этих браузеров, должны работать в Firefox с минимальными изменениями.

    -

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

    +

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

    Эта статья перечисляет все функции и API, которые полностью поддерживаются в Firefox Developer Edition (на данный момент Firefox 47). Там где функция поддерживается частично, мы указали на проблемные места.

    diff --git a/files/ru/mozilla/firefox/releases/31/index.html b/files/ru/mozilla/firefox/releases/31/index.html index 0e33ab43da..ac4335d9c7 100644 --- a/files/ru/mozilla/firefox/releases/31/index.html +++ b/files/ru/mozilla/firefox/releases/31/index.html @@ -32,7 +32,7 @@ translation_of: Mozilla/Firefox/Releases/31
    • Префикс «var-» у CSS-переменных изменён на «--» ({{Bug(985838)}}).
    • Исправлен нежелательный пробел для кратного 10 000 в корейских стилях счётчика ({{Bug(985186)}}).
    • -
    • Исправлены переходы CSS-прозрачности при псевдо-классе родителя :before и значении auto свойства overflow ({{Bug(990340)}}).
    • +
    • Исправлены переходы CSS-прозрачности при псевдоклассе родителя :before и значении auto свойства overflow ({{Bug(990340)}}).
    • Псевдоэлемент ::-moz-math-stretchy удалён ({{Bug(1000879)}}).
    diff --git a/files/ru/mozilla/firefox/releases/43/index.html b/files/ru/mozilla/firefox/releases/43/index.html index d992d8924b..3a8ef8fdc2 100644 --- a/files/ru/mozilla/firefox/releases/43/index.html +++ b/files/ru/mozilla/firefox/releases/43/index.html @@ -22,7 +22,7 @@ translation_of: Mozilla/Firefox/Releases/43
  • Новый пункт в контекстном меню Инспектора : "Use in Console"
  • "Strict" опция для фильтрации в  Rules view
  • Сообщения в панели Сеть, в Консоли теперь ссылаются на Сетевой Монитор
  • -
  • В Инспекторе при обзоре разметки можно увидеть индикатор указывающий псевдо-классы у соответствующих элементов 
  • +
  • В Инспекторе при обзоре разметки можно увидеть индикатор указывающий псевдоклассы у соответствующих элементов 
  • Новая боковая панель в WebIDE
  • @@ -57,7 +57,7 @@ translation_of: Mozilla/Firefox/Releases/43

    Interfaces/APIs/DOM

    diff --git a/files/ru/mozilla/firefox/releases/53/index.html b/files/ru/mozilla/firefox/releases/53/index.html index fc479aa30a..5b2450862c 100644 --- a/files/ru/mozilla/firefox/releases/53/index.html +++ b/files/ru/mozilla/firefox/releases/53/index.html @@ -157,7 +157,7 @@ translation_of: Mozilla/Firefox/Releases/53

    CSS

      -
    • Удалены {{property_prefix ( "- Мос")}} приставкой вариант {{cssxref ( ": реж", ": каталог ()")}} псевдо-класс ({{bug (1270406)}}).
    • +
    • Удалены {{property_prefix ( "- Мос")}} приставкой вариант {{cssxref ( ": реж", ": каталог ()")}} псевдокласс ({{bug (1270406)}}).
    • -mozПриставкой версия {{cssxref ( "текст-ALIGN-последний")}} был удален ({{bug (1276808)}}).
    • Удалены {{property_prefix ( "- Мос")}} приставкой вариант {{cssxref ( "известково ()")}} Метод ({{bug (1331296)}}).
    diff --git a/files/ru/mozilla/index.html b/files/ru/mozilla/index.html index 52e0b51f54..7175b10b87 100644 --- a/files/ru/mozilla/index.html +++ b/files/ru/mozilla/index.html @@ -5,7 +5,6 @@ tags: - NeedsTranslation - TopicStub - Дополнения - - Мозила - Приложения - Расширенный translation_of: Mozilla diff --git a/files/ru/orphaned/mdn/editor/links/index.html b/files/ru/orphaned/mdn/editor/links/index.html index 5ac9ea93e2..5e16bc6bb1 100644 --- a/files/ru/orphaned/mdn/editor/links/index.html +++ b/files/ru/orphaned/mdn/editor/links/index.html @@ -83,7 +83,7 @@ original_slug: MDN/Editor/Ссылки
  • Соответствующие подсказки также созданы для вас.
  • -

    Есть очень много таких макросов, и мы не будем останавливаться на них подробно здесь. Вместо этого мы разберём ннесколько самых часто употребляемых. Если интересно, ознакомьтесь с разделом "Создание гиперссылок" в нашей статье Пользовательский макрос для MDN.

    +

    Есть очень много таких макросов, и мы не будем останавливаться на них подробно здесь. Вместо этого мы разберём несколько самых часто употребляемых. Если интересно, ознакомьтесь с разделом "Создание гиперссылок" в нашей статье Пользовательский макрос для MDN.

    Ещё проще посетить KumaScript, где есть любой из этих макросов; ко многим макросам есть комментарии вверху, объясняющие, как макрос работает и какие у него переменные.

    @@ -106,7 +106,7 @@ original_slug: MDN/Editor/Ссылки

    Добавление якорей

    -

    Чтобы применить ссылку к области с таким же названием, следует использовать макрос {{TemplateLink("anch")}}. Синтаксис — проще некуда: \{{anch("Name of destination section")}}. По умолчанию текст ссылки — это название области, но вы можете добавить второй, необязательный, параметр, обозначающий альтернативный текст. Ннесколько примеров:

    +

    Чтобы применить ссылку к области с таким же названием, следует использовать макрос {{TemplateLink("anch")}}. Синтаксис — проще некуда: \{{anch("Name of destination section")}}. По умолчанию текст ссылки — это название области, но вы можете добавить второй, необязательный, параметр, обозначающий альтернативный текст. Несколько примеров:

    • \{{anch("Использование панели инструментов")}} будет выглядеть так: {{anch("Использование панели инструментов")}}
    • @@ -134,7 +134,7 @@ original_slug: MDN/Editor/Ссылки

      MDN больше не поддерживает XPCOM-документацию, но внесение вклада приветствуется!

    -

    Если вы документируете свойства Mozilla, способность быстро создать ссылку к документации XPCOM очень полезна. Здесь ннесколько макросов для этого.

    +

    Если вы документируете свойства Mozilla, способность быстро создать ссылку к документации XPCOM очень полезна. Здесь несколько макросов для этого.

    Синтаксис: \{{interface("interfacename")}}. К примеру, вы написали:

    diff --git a/files/ru/orphaned/mdn/editor/redirects/index.html b/files/ru/orphaned/mdn/editor/redirects/index.html index c7e01a27f6..3a5a15c6fc 100644 --- a/files/ru/orphaned/mdn/editor/redirects/index.html +++ b/files/ru/orphaned/mdn/editor/redirects/index.html @@ -17,7 +17,7 @@ original_slug: MDN/Editor/Перенаправление

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

    -

    Она откроет диалоговое окно, в котором запрашивается имя документа и его URL-адрес. Вообще, имя не так важно; оно больше нужно, если вы сами ищете страницу, и вам нужно знать, куда вы перенаправляете. В поле URL должен быть указан абсолютный (полный) путь, например, "/en-US/docs/foo". Относительные ссылки не сработают. Вы можете перенаправить на раздел страницы, используя хэштэг ("#"), например: "/destination/url/here#название_раздела". Таким образом вы перенаправить пользователя прямиком в раздел страницы.

    +

    Она откроет диалоговое окно, в котором запрашивается имя документа и его URL-адрес. Вообще, имя не так важно; оно больше нужно, если вы сами ищете страницу, и вам нужно знать, куда вы перенаправляете. В поле URL должен быть указан абсолютный (полный) путь, например, "/en-US/docs/foo". Относительные ссылки не сработают. Вы можете перенаправить на раздел страницы, используя хештег ("#"), например: "/destination/url/here#название_раздела". Таким образом вы перенаправить пользователя прямиком в раздел страницы.

    На странице должно быть только перенаправление; перед его созданием переместите всё содержимое в его новый "дом". Удалите также ревизионные флаги с  этой страницы.

    diff --git "a/files/ru/orphaned/\320\264\320\270\320\275\320\260\320\274\320\270\321\207\320\265\321\201\320\272\320\270_\320\270\320\267\320\274\320\265\320\275\321\217\320\265\320\274\321\213\320\271_\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\214\321\201\320\272\320\270\320\271_\320\270\320\275\321\202\320\265\321\200\321\204\320\265\320\271\321\201_\320\275\320\260_xul/index.html" "b/files/ru/orphaned/\320\264\320\270\320\275\320\260\320\274\320\270\321\207\320\265\321\201\320\272\320\270_\320\270\320\267\320\274\320\265\320\275\321\217\320\265\320\274\321\213\320\271_\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\214\321\201\320\272\320\270\320\271_\320\270\320\275\321\202\320\265\321\200\321\204\320\265\320\271\321\201_\320\275\320\260_xul/index.html" index 918879e278..e1243dbba0 100644 --- "a/files/ru/orphaned/\320\264\320\270\320\275\320\260\320\274\320\270\321\207\320\265\321\201\320\272\320\270_\320\270\320\267\320\274\320\265\320\275\321\217\320\265\320\274\321\213\320\271_\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\214\321\201\320\272\320\270\320\271_\320\270\320\275\321\202\320\265\321\200\321\204\320\265\320\271\321\201_\320\275\320\260_xul/index.html" +++ "b/files/ru/orphaned/\320\264\320\270\320\275\320\260\320\274\320\270\321\207\320\265\321\201\320\272\320\270_\320\270\320\267\320\274\320\265\320\275\321\217\320\265\320\274\321\213\320\271_\320\277\320\276\320\273\321\214\320\267\320\276\320\262\320\260\321\202\320\265\320\273\321\214\321\201\320\272\320\270\320\271_\320\270\320\275\321\202\320\265\321\200\321\204\320\265\320\271\321\201_\320\275\320\260_xul/index.html" @@ -21,7 +21,7 @@ original_slug: Динамически_изменяемый_пользовате

    Пример: Использование методов DOM

    Этот параграф демонстрирует использование DOM-методов appendChild(), createElement(), insertBefore(), и removeChild().

    Удаление всех дочерних элементов

    -

    Этот пример удаляет все элементы, дочерние для элемента с id=someElement из текущего document'а, с использованием метода removeChild() который удаляет первый дочерний элемент до тех пор, пока их не останется совсем.

    +

    Этот пример удаляет все элементы, дочерние для элемента с id=someElement из текущего document, с использованием метода removeChild() который удаляет первый дочерний элемент до тех пор, пока их не останется совсем.

    Заметьте, что hasChildNodes() и firstChild являются также частью DOM API.

    var element = document.getElementById("someElement");
       while(element.hasChildNodes()){
    diff --git "a/files/ru/orphaned/\321\201\320\276\320\267\320\264\320\260\320\275\320\270\320\265_\321\200\320\260\321\201\321\210\320\270\321\200\320\265\320\275\320\270\321\217/index.html" "b/files/ru/orphaned/\321\201\320\276\320\267\320\264\320\260\320\275\320\270\320\265_\321\200\320\260\321\201\321\210\320\270\321\200\320\265\320\275\320\270\321\217/index.html"
    index c32438b8e4..996b571380 100644
    --- "a/files/ru/orphaned/\321\201\320\276\320\267\320\264\320\260\320\275\320\270\320\265_\321\200\320\260\321\201\321\210\320\270\321\200\320\265\320\275\320\270\321\217/index.html"
    +++ "b/files/ru/orphaned/\321\201\320\276\320\267\320\264\320\260\320\275\320\270\320\265_\321\200\320\260\321\201\321\210\320\270\321\200\320\265\320\275\320\270\321\217/index.html"
    @@ -169,11 +169,11 @@ original_slug: Создание_расширения
     
    overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul
     
    -

    Это говорит Firefox'у, что нужно объединить sample.xul и browser.xul

    +

    Это говорит Firefox, что нужно объединить sample.xul и browser.xul

    Тестирование

    -

    Для начала необходимо уведомить Firefox о нашем расширении. Раньше (еще во времена Firefox 1.0) необходимо было упаковать расширение как en:XPI и установить через интерфейс браузера. Теперь же достаточно просто указать Firefox'у, где находится папка с вашим расширением - и он будет подключать его каждый раз при загрузке.

    +

    Для начала необходимо уведомить Firefox о нашем расширении. Раньше (еще во времена Firefox 1.0) необходимо было упаковать расширение как en:XPI и установить через интерфейс браузера. Теперь же достаточно просто указать Firefox, где находится папка с вашим расширением - и он будет подключать его каждый раз при загрузке.

    Итак, ваши действия:

    diff --git a/files/ru/tools/page_inspector/how_to/examine_and_edit_html/index.html b/files/ru/tools/page_inspector/how_to/examine_and_edit_html/index.html index 2d87354714..e6b4fd5fb9 100644 --- a/files/ru/tools/page_inspector/how_to/examine_and_edit_html/index.html +++ b/files/ru/tools/page_inspector/how_to/examine_and_edit_html/index.html @@ -147,15 +147,15 @@ translation_of: Tools/Page_Inspector/How_to/Examine_and_edit_HTML :hover - Установить CSS’ный псевдо-класс CSS :hover + Установить CSS-псевдокласс :hover :active - Установить CSS’ный псевдо-класс :active + Установить CSS-псевдокласс :active :focus - Установить CSS’ный псевдо-класс :focus + Установить CSS-псевдокласс :focus diff --git a/files/ru/tools/web_audio_editor/index.html b/files/ru/tools/web_audio_editor/index.html index 6cf2f84b47..67a0751ba7 100644 --- a/files/ru/tools/web_audio_editor/index.html +++ b/files/ru/tools/web_audio_editor/index.html @@ -5,7 +5,6 @@ tags: - API веб-аудио - Firefox - Mozilla - - Мозилла - инструменты translation_of: Tools/Web_Audio_Editor --- diff --git a/files/ru/tools/web_console/index.html b/files/ru/tools/web_console/index.html index 2d7cd84979..727c384d8a 100644 --- a/files/ru/tools/web_console/index.html +++ b/files/ru/tools/web_console/index.html @@ -178,7 +178,7 @@ translation_of: Tools/Web_Console

    Отправка-события

    -

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

    +

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

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

    diff --git a/files/ru/web/api/abortcontroller/index.html b/files/ru/web/api/abortcontroller/index.html index f69a22f86a..4914b8ca76 100644 --- a/files/ru/web/api/abortcontroller/index.html +++ b/files/ru/web/api/abortcontroller/index.html @@ -13,14 +13,14 @@ translation_of: Web/API/AbortController
    {{domxref("AbortController.AbortController()")}}
    -
    Создает новый инстанс объекта AbortController.
    +
    Создает новый экземпляр AbortController.

    Свойства

    {{domxref("AbortController.signal")}} {{readonlyInline}}
    -
    Возвращает инстанс объекта {{domxref("AbortSignal")}}, который может быть использован для коммуникаций/останова DOM запросов.
    +
    Возвращает экземпляр {{domxref("AbortSignal")}}, который может быть использован для коммуникаций/останова DOM запросов.

    Методы

    diff --git a/files/ru/web/api/canvasrenderingcontext2d/font/index.html b/files/ru/web/api/canvasrenderingcontext2d/font/index.html index 04df0aabd2..e1349eb001 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/font/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/font/index.html @@ -83,7 +83,7 @@ f.load().then(function() {

    Особенности Gecko

      -
    • Браузеры на основе Gecko, например Firefox, имеют не стандандартное и устаревшее свойство ctx.mozTextStyle. Используйте ctx.font вместо него.
    • +
    • Браузеры на основе Gecko, например Firefox, имеют не стандартное и устаревшее свойство ctx.mozTextStyle. Используйте ctx.font вместо него.
    • In Gecko, when setting a system font as the value of a canvas 2D context's {{domxref("CanvasRenderingContext2D.font", "font")}} (e.g., menu), getting the font value used to fail to return the expected font (it returns nothing). This is fixed in Firefox's Quantum/Stylo parallel CSS engine, released in Firefox 57 ({{bug(1374885)}}).
    diff --git a/files/ru/web/api/console/timelog/index.html b/files/ru/web/api/console/timelog/index.html index 9c7139a97d..e7229e836e 100644 --- a/files/ru/web/api/console/timelog/index.html +++ b/files/ru/web/api/console/timelog/index.html @@ -80,7 +80,7 @@ console.timeEnd("answer time");

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

    - +

    {{Compat("api.Console.timeLog")}}

    diff --git a/files/ru/web/api/datatransfer/index.html b/files/ru/web/api/datatransfer/index.html index c909dd1595..e5e07105d6 100644 --- a/files/ru/web/api/datatransfer/index.html +++ b/files/ru/web/api/datatransfer/index.html @@ -113,7 +113,7 @@ translation_of: Web/API/DataTransfer

    effectAllowed

    -

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

    +

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

    Возможные значения:

    diff --git a/files/ru/web/api/document/body/index.html b/files/ru/web/api/document/body/index.html index 1a6be5d191..7dbfce4dac 100644 --- a/files/ru/web/api/document/body/index.html +++ b/files/ru/web/api/document/body/index.html @@ -31,7 +31,7 @@ alert(document.body.id); // "newBodyElement"

    Примечания

    -

    document.body это элемент, который включает в себя содержимое страницы. На страницах с <body> вернётся элемент <body>, а с frameset'ом - элемент <frameset>.

    +

    document.body это элемент, который включает в себя содержимое страницы. На страницах с <body> вернётся элемент <body>, а с frameset - элемент <frameset>.

    body может быть заменено, но это удалит все его дочерние элементы.

    diff --git a/files/ru/web/api/element/id/index.html b/files/ru/web/api/element/id/index.html index e42c6d563e..0a2fedc200 100644 --- a/files/ru/web/api/element/id/index.html +++ b/files/ru/web/api/element/id/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/Element/id

    id часто используется с {{domxref("document.getElementById", "getElementById")}}, чтобы получить нужный элемент. Часто применяют ID как селектор, для стилизации документа, с помощью CSS.

    -

    Замечание: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите Чувствительность к регистру в классах и id'шниках).

    +

    Замечание: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите Чувствительность к регистру в классах и идентификаторов).

    Синтаксис

    diff --git a/files/ru/web/api/element/slot/index.html b/files/ru/web/api/element/slot/index.html index 7feac10876..0cf309a075 100644 --- a/files/ru/web/api/element/slot/index.html +++ b/files/ru/web/api/element/slot/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/Element/slot <span slot="my-text">Let's have some different text!</span> </my-paragraph>
    -

    В нашем JavaScript файле мы получаем ссылку {{htmlelement("span")}}, показанную выше, а затем регестрием ссылку на имя соответствующего элемента <slot>.

    +

    В нашем JavaScript файле мы получаем ссылку {{htmlelement("span")}}, показанную выше, а затем регистрируем ссылку на имя соответствующего элемента <slot>.

    let slottedSpan = document.querySelector('my-paragraph span')
     console.log(slottedSpan.slot); // logs 'my-text'
    diff --git a/files/ru/web/api/eventtarget/index.html b/files/ru/web/api/eventtarget/index.html index fe9c39f084..b480ba1e04 100644 --- a/files/ru/web/api/eventtarget/index.html +++ b/files/ru/web/api/eventtarget/index.html @@ -114,7 +114,7 @@ translation_of: Web/API/EventTarget

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

    diff --git a/files/ru/web/api/filereader/readasarraybuffer/index.html b/files/ru/web/api/filereader/readasarraybuffer/index.html index 77fd35b3b4..da7fd56e8c 100644 --- a/files/ru/web/api/filereader/readasarraybuffer/index.html +++ b/files/ru/web/api/filereader/readasarraybuffer/index.html @@ -97,7 +97,7 @@ translation_of: Web/API/FileReader/readAsArrayBuffer
    -

    [1] До Gecko 2.0 beta 7 (Firefox 4.0 beta 7), все {{domxref("Blob")}} параметры были {{domxref("File")}} параметрами; были произведены изменения для удовлетворения условий спецификации. До Gecko 13.0 {{geckoRelease("13.0")}} свойство FileReader.error возвращало объект {{domxref("FileError")}}. Этот интерфейс был удален и теперь FileReader.error возвращает объект {{domxref("DOMError")}} как это определено в последнем драфте FileAPI.

    +

    [1] До Gecko 2.0 beta 7 (Firefox 4.0 beta 7), все {{domxref("Blob")}} параметры были {{domxref("File")}} параметрами; были произведены изменения для удовлетворения условий спецификации. До Gecko 13.0 {{geckoRelease("13.0")}} свойство FileReader.error возвращало объект {{domxref("FileError")}}. Этот интерфейс был удален и теперь FileReader.error возвращает объект {{domxref("DOMError")}} как это определено в последнем черновике FileAPI.

    [2] IE9 имеет File API Lab.

    diff --git a/files/ru/web/api/htmlareaelement/index.html b/files/ru/web/api/htmlareaelement/index.html index c682b2850e..c9106d1877 100644 --- a/files/ru/web/api/htmlareaelement/index.html +++ b/files/ru/web/api/htmlareaelement/index.html @@ -33,7 +33,7 @@ translation_of: Web/API/HTMLAreaElement
    {{domxref("HTMLAreaElement.hreflang")}}
    Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("hreflang", "area") }} HTML атрибут, показывающий язык связанного с ним ресурса.
    {{domxref("HTMLAreaElement.media")}}
    -
    Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("media", "area") }} HTML атрибут, показывающий целевое mediaсвязанного с ним ресурса.
    +
    Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("media", "area") }} HTML атрибут, показывающий целевое media, связанного с ним ресурса.
    {{domxref("HTMLAreaElement.noHref")}} {{obsolete_inline}}
    Это {{domxref("Boolean")}} флаг показывающий, если зона неактивна (true) или активна (false).
    {{domxref("URLUtils.password")}}
    diff --git a/files/ru/web/api/imagedata/index.html b/files/ru/web/api/imagedata/index.html index 4614ea0d39..8115f3ca7a 100644 --- a/files/ru/web/api/imagedata/index.html +++ b/files/ru/web/api/imagedata/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/ImageData
    {{domxref("ImageData.ImageData", "ImageData()")}} {{experimental_inline}}
    -
    Создаёт ImageData из указанного {{jsxref("Uint8ClampedArray")}} и из размера изображения которого он содержит. Если массив не указан, то он создаёт изображение чёрного прямоугольника. Обратите внимание, что такой довольно распространённый путь создания подобного объекта в worker'ах как {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}} там не доступен.
    +
    Создаёт ImageData из указанного {{jsxref("Uint8ClampedArray")}} и из размера изображения которого он содержит. Если массив не указан, то он создаёт изображение чёрного прямоугольника. Обратите внимание, что такой довольно распространённый путь создания подобного объекта в воркерах как {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}} там не доступен.

    Свойства

    diff --git a/files/ru/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html b/files/ru/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html index 0960df9a9a..631575d0cc 100644 --- a/files/ru/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html +++ b/files/ru/web/api/indexeddb_api/basic_concepts_behind_indexeddb/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB
  • Изучения большего о терминах в IndexedDB, смотри секцию Definitions.
  • Детального руководства как использовать API, смотри Using IndexedDB.
  • Рекомендованной документации по IndexedDB API, ссылаясь на основные статьи по IndexedDB API и его подстраницы, описывающие, какие типы объектов используются в IndexedDB.
  • -
  • Получения больше информации о том, как браузер управляет сохранением данных в бекграунде, читай Browser storage limits and eviction criteria.
  • +
  • Получения больше информации о том, как браузер управляет сохранением данных в фоновом режиме, читай Browser storage limits and eviction criteria.
  • Обзор IndexedDB

    diff --git a/files/ru/web/api/mutationobserver/index.html b/files/ru/web/api/mutationobserver/index.html index 30f1fbc2a7..bfbed7de7b 100644 --- a/files/ru/web/api/mutationobserver/index.html +++ b/files/ru/web/api/mutationobserver/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/MutationObserver
    callback
    -
    Вызывается при каждом изменении DOM-элемента. Обзёрвер вызывает данную функцию с двумя аргументами. Первым аргументом является массив объектов MutationRecord, вторым аргументом является экземпляр MutationObserver.
    +
    Вызывается при каждом изменении DOM-элемента. Наблюдатель вызывает данную функцию с двумя аргументами. Первым аргументом является массив объектов MutationRecord, вторым аргументом является экземпляр MutationObserver.

    Методы экземпляра

    diff --git a/files/ru/web/api/rtcpeerconnection/index.html b/files/ru/web/api/rtcpeerconnection/index.html index 85d37aeeb1..b0b1f6c165 100644 --- a/files/ru/web/api/rtcpeerconnection/index.html +++ b/files/ru/web/api/rtcpeerconnection/index.html @@ -317,7 +317,7 @@ translation_of: Web/API/RTCPeerConnection

    Закрыто. Соединение закрыто.

    -

    Примечание : Это значение перенесено в перечисление RTCPeerConnectionState  в драфте от 13 мая 2016, поскольку оно отражает статус соединения   RTCPeerConnection,  а не статус сигнализации. Теперь, для проверки закрытия соединения нужно проверять статус {{domxref("RTCPeerConnection.connectionState", "connectionState")}} на значение "closed" .

    +

    Примечание : Это значение перенесено в перечисление RTCPeerConnectionState  в черновике от 13 мая 2016, поскольку оно отражает статус соединения   RTCPeerConnection,  а не статус сигнализации. Теперь, для проверки закрытия соединения нужно проверять статус {{domxref("RTCPeerConnection.connectionState", "connectionState")}} на значение "closed" .

    diff --git a/files/ru/web/api/service_worker_api/index.html b/files/ru/web/api/service_worker_api/index.html index 5b4bdf1e13..7d52ed2334 100644 --- a/files/ru/web/api/service_worker_api/index.html +++ b/files/ru/web/api/service_worker_api/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Service_Worker_API

    Service worker — это событийно-управляемый worker, регистрируемый на уровне источника и пути. Он представляет собой JavaScript-файл, который может контролировать веб-страницу/сайт, с которым он ассоциируется, перехватывать и модифицировать запросы навигации и ресурсов, очень гибко кешировать ресурсы, для того чтобы предоставить вам полный контроль над тем, как приложение ведет себя в определенных ситуациях (например, когда сеть не доступна).

    -

    Service worker запускается в контексте worker'ов, поэтому он не имеет доступа к DOM и работает в потоке отдельном от основного потока JavaScript, управляющего вашим приложением, а следовательно — не блокирует его. Он призван быть полностью асинхронным; как следствие, синхронные API, такие как XHR и localStorage, в Service Worker'е использовать нельзя.

    +

    Service worker запускается в контексте воркеров, поэтому он не имеет доступа к DOM и работает в потоке отдельном от основного потока JavaScript, управляющего вашим приложением, а следовательно — не блокирует его. Он призван быть полностью асинхронным; как следствие, синхронные API, такие как XHR и localStorage, в Service Worker'е использовать нельзя.

    Из соображений безопасности service worker'ы работают только по HTTPS (либо, в целях разработки, на localhost). Давать сторонним людям возможность изменять сетевые запросы крайне опасно. Кроме того, Service Worker API недоступен в режиме приватного просмотра браузера Firefox.

    @@ -53,11 +53,11 @@ translation_of: Web/API/Service_Worker_API

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

    -

    Установка производится в случае если загружаемый файл признается новым — либо отличным от уже установленного service worker (определяется через побайтовое сравнение), либо первым устанавливаемым service worker'ом для этой страницы/сайта.

    +

    Установка производится в случае если загружаемый файл признается новым — либо отличным от уже установленного service worker (определяется через побайтовое сравнение), либо первым устанавливаемым service воркером для этой страницы/сайта.

    Если это первый раз, когда service worker оказался доступен, будет проведена установка, а после успешного ее завершения — активация.

    -

    Если service worker уже существует, новая версия устанавливается в фоновом режиме, но не активируется — worker переходит в состояние в ожидании. Новая версия активируется только тогда, когда больше не останется загруженных страниц, использующих старый service worker. Как только это случится, новый service worker активируется (станет активным worker'ом). Активация может произойти раньше при использовании {{domxref ("ServiceWorkerGlobalScope.skipWaiting()")}}, а существующие страницы могут быть переведены под контроль активного воркера с помощью {{domxref ("Clients.claim()")}}.

    +

    Если service worker уже существует, новая версия устанавливается в фоновом режиме, но не активируется — worker переходит в состояние в ожидании. Новая версия активируется только тогда, когда больше не останется загруженных страниц, использующих старый service worker. Как только это случится, новый service worker активируется (станет активным воркером). Активация может произойти раньше при использовании {{domxref ("ServiceWorkerGlobalScope.skipWaiting()")}}, а существующие страницы могут быть переведены под контроль активного воркера с помощью {{domxref ("Clients.claim()")}}.

    Вы можете подписаться на {{domxref("InstallEvent")}}; для того чтобы подготовить ваш service worker к использованию, к примеру, чтобы создать кеш при помощи встроенного API хранилища и разместить внутри него данные, которые вам необходимы в вашем приложении для работы офлайн.

    @@ -102,7 +102,7 @@ translation_of: Web/API/Service_Worker_API
    {{domxref("CacheStorage") }}
    Представляет хранилище для объектов {{domxref("Cache")}}. Он создает главную директорию для всех именованных кешей, к которым {{domxref("ServiceWorker")}} имеет доступ, и поддерживает отображение строковых имен соответствующего объекта {{domxref("Cache")}}.
    {{domxref("Client") }}
    -
    Представляет область видимости клиента service worker. Это либо документ в контексте браузера, либо {{domxref("SharedWorker")}}, который контролируется активным worker'ом.
    +
    Представляет область видимости клиента service worker. Это либо документ в контексте браузера, либо {{domxref("SharedWorker")}}, который контролируется активным воркером.
    {{domxref("Clients") }}
    Представляет контейнер для списка объектов {{domxref("Client")}}; основной способ получить доступ к клиентам активного service worker'а текущего источника.
    {{domxref("ExtendableEvent") }}
    @@ -120,7 +120,7 @@ translation_of: Web/API/Service_Worker_API
    {{domxref("ServiceWorker") }}
    Представляет service worker. Несколько контекстов браузера (страницы, worker'ы, и т.д.) могут быть ассоциированы с одним объектом ServiceWorker.
    {{domxref("ServiceWorkerContainer") }}
    -
    Предоставляет объект, описывающий service worker как общий блок в экосистеме сети, включая возможность регистрировать, отключать и обновлять service worker'ы, и предоставляет доступ к состоянию текущего и других зарегистрированных service worker'ов.
    +
    Предоставляет объект, описывающий service worker как общий блок в экосистеме сети, включая возможность регистрировать, отключать и обновлять service worker'ы, и предоставляет доступ к состоянию текущего и других зарегистрированных service воркеров.
    {{domxref("ServiceWorkerGlobalScope") }}
    Представляет глобальный контекст исполнения service worker'а.
    {{domxref("ServiceWorkerMessageEvent")}}
    @@ -134,7 +134,7 @@ translation_of: Web/API/Service_Worker_API
    {{domxref("SyncManager")}} {{non-standard_inline}}
    Обеспечивает интерфейс регистрации и перечисления синхронных регистрации.
    {{domxref("WindowClient") }}
    -
    Представляет область видимости клиентского service worker'а, представленного в виде документа в контакте браузера, контролируемого активным worker'ом. Это особый тип объекта {{domxref("Client")}} с некоторыми дополнительными методами и свойствами.
    +
    Представляет область видимости клиентского service worker'а, представленного в виде документа в контакте браузера, контролируемого активным воркером. Это особый тип объекта {{domxref("Client")}} с некоторыми дополнительными методами и свойствами.

    Спецификации (характеристики)

    diff --git a/files/ru/web/api/service_worker_api/using_service_workers/index.html b/files/ru/web/api/service_worker_api/using_service_workers/index.html index d188f08738..c41f5077e1 100644 --- a/files/ru/web/api/service_worker_api/using_service_workers/index.html +++ b/files/ru/web/api/service_worker_api/using_service_workers/index.html @@ -207,9 +207,9 @@ imgLoad('myLittleVader.jpg').then((response) => {

    Также обратите внимание:

      -
    • В сервис-воркер будут попадать только те запросы, которые соответствуют его scope.
    • -
    • Максимальная видимость scope сервис-воркера равна его location.
    • -
    • Если ваш сервис-воркер работает на клиенте, которому был передан заголовок Service-Worker-Allowed, вы можете указать список максимальных scope'ов для этих воркеров.
    • +
    • В сервис-воркер будут попадать только те запросы, которые соответствуют его области видимости.
    • +
    • Максимальная область видимость сервис-воркера равна его location.
    • +
    • Если ваш сервис-воркер работает на клиенте, которому был передан заголовок Service-Worker-Allowed, вы можете указать список максимальных областей видимости для этих воркеров.

    Установка и активация: заполнение кеша

    diff --git a/files/ru/web/api/web_animations_api/using_the_web_animations_api/index.html b/files/ru/web/api/web_animations_api/using_the_web_animations_api/index.html index f061c5e714..eacedb9d69 100644 --- a/files/ru/web/api/web_animations_api/using_the_web_animations_api/index.html +++ b/files/ru/web/api/web_animations_api/using_the_web_animations_api/index.html @@ -342,7 +342,7 @@ aliceChange.onfinish = endGame;

    Заключение

    -

    Таковы основные особенности веб-анимации API, большинство из которых уже поддерживается в последних версиях Firefox и Chrome. К этому моменту вы должны быть готовы к "прыжку в кроличью нору" анимации в браузере и готовы написать свои собственные эксперименты в анимации! Если вы используете API и хотите поделиться, попробуйте использовать хэштег #WAAPI. Мы будем следить и писать другие учебники, чтобы охватить будущие дополнительные функции, в виде поддержки распространяя!

    +

    Таковы основные особенности веб-анимации API, большинство из которых уже поддерживается в последних версиях Firefox и Chrome. К этому моменту вы должны быть готовы к "прыжку в кроличью нору" анимации в браузере и готовы написать свои собственные эксперименты в анимации! Если вы используете API и хотите поделиться, попробуйте использовать хештег #WAAPI. Мы будем следить и писать другие учебники, чтобы охватить будущие дополнительные функции, в виде поддержки распространяя!

    Посмотрите также

    diff --git a/files/ru/web/api/web_audio_api/visualizations_with_web_audio_api/index.html b/files/ru/web/api/web_audio_api/visualizations_with_web_audio_api/index.html index b1352cccd6..cd2730006c 100644 --- a/files/ru/web/api/web_audio_api/visualizations_with_web_audio_api/index.html +++ b/files/ru/web/api/web_audio_api/visualizations_with_web_audio_api/index.html @@ -4,7 +4,7 @@ slug: Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API translation_of: Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API ---
    -

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

    +

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

    diff --git a/files/ru/web/api/web_storage_api/index.html b/files/ru/web/api/web_storage_api/index.html index f7bccc6ac9..e162603b6b 100644 --- a/files/ru/web/api/web_storage_api/index.html +++ b/files/ru/web/api/web_storage_api/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/Web_Storage_API

    Обе функции доступны через  {{domxref("Window.sessionStorage")}} и {{domxref("Window.localStorage")}} свойства (если быть более точным, в браузерах, поддерживающих хранилища объект Window  выполняет объекты WindowLocalStorage и WindowSessionStorage, которые содержат свойства localStorage и sessionStorage) — вызов одного из них создает представление объекта {{domxref("Storage")}}, через который можно устанавливать, редактировать и удалять данные. Для каждого из типа хранилищ и по каждому домену используется отдельное представление Storage объекта  - они функционируют и управляются отдельно друг от друга. 

    -

    Замечание: Начиная с версии 45 Firefox, когда браузер крашится/перезагружается, объем данных, сохраненных для каждого источника, ограничивается 10 МБ. Это было сделано, чтобы избежать проблем с памятью, вызванных чрезмерным использованием веб-хранилища.

    +

    Замечание: Начиная с версии 45 Firefox, когда браузер прекращает работу/перезагружается, объем данных, сохраненных для каждого источника, ограничивается 10 МБ. Это было сделано, чтобы избежать проблем с памятью, вызванных чрезмерным использованием веб-хранилища.

    diff --git a/files/ru/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html b/files/ru/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html index 239552d698..5c9bd86ca4 100644 --- a/files/ru/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html +++ b/files/ru/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_worke

    Workers run in another global context, {{domxref("DedicatedWorkerGlobalScope")}} different from the current window. By default methods and properties of {{domxref("Window")}} are not available to them, but {{domxref("DedicatedWorkerGlobalScope")}}, like Window, implements {{domxref("WindowTimers")}} and {{domxref("WindowBase64")}}.

    -

    Сравнение свойств и методов различных типов worker'ов

    +

    Сравнение свойств и методов различных типов воркеров

    diff --git a/files/ru/web/api/webgl_api/tutorial/index.html b/files/ru/web/api/webgl_api/tutorial/index.html index 6f689fa9c3..9b0f0f75e6 100644 --- a/files/ru/web/api/webgl_api/tutorial/index.html +++ b/files/ru/web/api/webgl_api/tutorial/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/WebGL_API/Tutorial
    {{WebGLSidebar}}
    -

    WebGL позволяет использовать API, основанную на OpenGL ES 2.0  для осуществления 3D рендеринга в HTML {{HTMLElement("canvas")}} в браузерах, которые его поддерживают без использования плагинов. WebGL программы состоят из программ, написанных на JavaScript, и специального кода шейдеров, который выполняется на видеокарте. WebGL элементы  могут использоваться с HTML элементами и скомпонованы с другими частями страницы или бэкграунда страницы.

    +

    WebGL позволяет использовать API, основанную на OpenGL ES 2.0  для осуществления 3D рендеринга в HTML {{HTMLElement("canvas")}} в браузерах, которые его поддерживают без использования плагинов. WebGL программы состоят из программ, написанных на JavaScript, и специального кода шейдеров, который выполняется на видеокарте. WebGL элементы  могут использоваться с HTML элементами и скомпонованы с другими частями страницы или фона страницы.

    В этом руководстве с нуля рассказывается о том, как использовать элемент<canvas> для отрисовки WebGL. Предоставленные примеры помогут вам понять, как можно использовать WebGL, также вы сможете использовать код из примеров как сниппеты для ваших разработок.

    diff --git a/files/ru/web/api/window/beforeunload_event/index.html b/files/ru/web/api/window/beforeunload_event/index.html index dfc23da20f..4826f98d71 100644 --- a/files/ru/web/api/window/beforeunload_event/index.html +++ b/files/ru/web/api/window/beforeunload_event/index.html @@ -54,7 +54,7 @@ translation_of: Web/API/Window/beforeunload_event
    window.addEventListener('beforeunload', (event) => {
       // Отмените событие, как указано в стандарте.
       event.preventDefault();
    -  // Хром требует установки возвратного значения.
    +  // Chrome требует установки возвратного значения.
       event.returnValue = '';
     });
     
    diff --git a/files/ru/web/api/window/index.html b/files/ru/web/api/window/index.html index 36edcea2ac..85133473dc 100644 --- a/files/ru/web/api/window/index.html +++ b/files/ru/web/api/window/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/Window
    {{domxref("Window.applicationCache")}} {{readOnlyInline}} {{gecko_minversion_inline("1.9")}}
    Объект {{domxref("OfflineResourceList")}}, обеспечивающий для окна доступ к ресурсам вне сети.
    {{domxref("Window.closed")}} {{Non-standard_inline}}{{readOnlyInline}}
    -
    Свойство, указывающее ббыло ли текущее окно закрыто или нет.
    +
    Свойство, указывающее было ли текущее окно закрыто или нет.
    {{domxref("Window.Components")}} {{Non-standard_inline}}
    Точка доступа к богатому функционалу XPCOM. Некоторые свойства, т.к. classes, доступны только для достаточно привелегированного кода. Web-код не должен использовать эти свойства.
    {{domxref("console","Window.console")}} {{Non-standard_inline}} {{ReadOnlyInline}}
    @@ -49,7 +49,7 @@ translation_of: Web/API/Window
    {{domxref("Window.fullScreen")}} {{gecko_minversion_inline("1.9")}}
    Это свойство указывает, отображается ли окно в полноэкранном режиме или нет.
    {{domxref("Window.globalStorage")}} {{gecko_minversion_inline("1.8.1")}} {{Non-standard_inline}} {{Obsolete_inline("gecko13")}}
    -
    Не поддерживает с Gecko 13 (Firefox 13). Использовать вместо него{{domxref("Window.localStorage")}}. Ббыло: Множественные объекты хранения, которые используются для хранения данных на нескольких страницах.
    +
    Не поддерживает с Gecko 13 (Firefox 13). Использовать вместо него{{domxref("Window.localStorage")}}. Было: Множественные объекты хранения, которые используются для хранения данных на нескольких страницах.
    {{domxref("Window.history")}} {{ReadOnlyInline}}
    Возвращает ссылку на объект истории.
    {{domxref("Window.innerHeight")}}
    @@ -333,7 +333,7 @@ translation_of: Web/API/Window
    {{domxref("Window.ondevicelight")}}
    Свойство обработчика событий для отслеживания изменения уровня света.
    {domxref("Window.ondevicemotion")}} {{gecko_minversion_inline("6.0")}}
    -
    Вызывается, если ббыло определено изменение акселерометра (для мобильных устройств).
    +
    Вызывается, если было определено изменение акселерометра (для мобильных устройств).
    {{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}
    Вызывается, когда была изменена ориентация (для мобильных устройств).
    {{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}
    @@ -349,7 +349,7 @@ translation_of: Web/API/Window
    {{domxref("Window.onappinstalled")}}
    Вызывается, когда страница установлена, как приложение. Смотри {{event('appinstalled')}} событие.
    {{domxref("Window.oninput")}}
    -
    Вызывается, когда значение элемента <input> ббыло изменено.
    +
    Вызывается, когда значение элемента <input> было изменено.
    {{domxref("GlobalEventHandlers.onkeydown")}}
    Свойство обработчика событий для события {{event("keydown")}} в окне.
    {{domxref("GlobalEventHandlers.onkeypress")}}
    @@ -375,9 +375,9 @@ translation_of: Web/API/Window
    {{domxref("Window.onmozbeforepaint")}} {{gecko_minversion_inline("2.0")}}
    Свойство обработчика событий для события MozBeforePaint, которое присылается прежде чем окно будет перерисовано, если событие необходимо из-за вызова метода {{domxref("Window.mozRequestAnimationFrame()")}}.
    {{domxref("WindowEventHandlers.onoffline")}}
    -
    Вызывается, когда ббыло потеряно соединение с сетью. Смотри событие {{event("offline")}}.
    +
    Вызывается, когда было потеряно соединение с сетью. Смотри событие {{event("offline")}}.
    {{domxref("WindowEventHandlers.ononline")}}
    -
    Вызывается, когда соединение с сетью ббыло установлено. Смотри событие {{event("online")}}.
    +
    Вызывается, когда соединение с сетью было установлено. Смотри событие {{event("online")}}.
    {{domxref("WindowEventHandlers.onpageshow")}}
    Свойство обработчика событий для события pageshow в окне.
    {{domxref("WindowEventHandlers.onpagehide")}}
    @@ -409,9 +409,9 @@ translation_of: Web/API/Window
    {{domxref("Window.onuserproximity")}}
    Свойство обработчика событий для события изменения близости пользователя к устройству.
    {{domxref("Window.onvrdisplayconnected")}} {{experimental_inline}}
    -
    Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности ббыло присоединено к компьютеру (когда запускается событие {{event("vrdisplayconnected")}}).
    +
    Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было присоединено к компьютеру (когда запускается событие {{event("vrdisplayconnected")}}).
    {{domxref("Window.onvrdisplaydisconnected")}} {{experimental_inline}}
    -
    Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности ббыло отсоединено от компьютера (когда запускается событие {{event("vrdisplaydisconnected")}}).
    +
    Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было отсоединено от компьютера (когда запускается событие {{event("vrdisplaydisconnected")}}).
    {{domxref("Window.onvrdisplaypresentchange")}} {{experimental_inline}}
    Представляет обработчик события, который будет запущен, когда изменится состояние устройства виртуальной реальности — т.е. перейдет от  представленного к непредставленному или наоборот (когда будет запущено событие {{event("onvrdisplaypresentchange")}}).
    diff --git a/files/ru/web/api/xmlhttprequest/index.html b/files/ru/web/api/xmlhttprequest/index.html index 8c4addd402..2d5eb61469 100644 --- a/files/ru/web/api/xmlhttprequest/index.html +++ b/files/ru/web/api/xmlhttprequest/index.html @@ -255,7 +255,7 @@ translation_of: Web/API/XMLHttpRequest - + @@ -406,7 +406,7 @@ translation_of: Web/API/XMLHttpRequest
    url
    URL адрес, на который будет отправлено сообщение.
    async
    -
    Необязательный boolean параметр, по умолчанию равный true. Определяет, будет ли запрос отправлен асинхронно. Если значение равно false, метод send() вернет ответ в общем потоке работы приложения (иначе говоря, приложение зависнет на некоторое время), в противном случае, ответ может быть получен только при помощи определенных event listener'ов. В случае, если используется отправка multipart запроса, то этот атрибут должен быть true, или будет выброшено исключение. +
    Необязательный boolean параметр, по умолчанию равный true. Определяет, будет ли запрос отправлен асинхронно. Если значение равно false, метод send() вернет ответ в общем потоке работы приложения (иначе говоря, приложение зависнет на некоторое время), в противном случае, ответ может быть получен только при помощи определенных  обработчиков событий. В случае, если используется отправка multipart запроса, то этот атрибут должен быть true, или будет выброшено исключение.
    Примечание: Начиная с Gecko 30.0 {{ geckoRelease("30.0") }}, синхронные запросы объявлены как deprecated, в силу того что все пользователи недовольны тем, что приложение "зависает".
    user
    diff --git a/files/ru/web/api/xmlhttprequest/using_xmlhttprequest/index.html b/files/ru/web/api/xmlhttprequest/using_xmlhttprequest/index.html index f6e02f0b12..4304530ac7 100644 --- a/files/ru/web/api/xmlhttprequest/using_xmlhttprequest/index.html +++ b/files/ru/web/api/xmlhttprequest/using_xmlhttprequest/index.html @@ -504,7 +504,7 @@ print_r($_FILES);
    AJAXSubmit(myForm);
    -
    Заметка: Данный фреймворк использует FileReader API для передачи загрузочных файлов. Это новыйAPI и его невозможно использовать IE9 и ниже. В связи с этим, загрузки только с использованием AJAX воспринимаются, лишь как экспериментальные. Если вам не требуется загружать бинарные файлы, то данный фреймворк работает в большинстве современных браузерах.
    +
    Заметка: Данный фреймворк использует FileReader API для передачи загрузочных файлов. Это новый API и его невозможно использовать IE9 и ниже. В связи с этим, загрузки только с использованием AJAX воспринимаются, лишь как экспериментальные. Если вам не требуется загружать бинарные файлы, то данный фреймворк работает в большинстве современных браузерах.
    Note: The best way to send binary content is via ArrayBuffers or Blobs in conjuncton with the send() method and possibly the readAsArrayBuffer() method of the FileReader API. But, since the aim of this script is to work with a stringifiable raw data, we used the sendAsBinary() method in conjunction with the readAsBinaryString() method of the FileReader API. As such, the above script makes sense only when you are dealing with small files. If you do not intend to upload binary content, consider instead using the FormData API.
    diff --git a/files/ru/web/css/@document/index.html b/files/ru/web/css/@document/index.html index 6db62af6a6..940d94c4c6 100644 --- a/files/ru/web/css/@document/index.html +++ b/files/ru/web/css/@document/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/@document ---
    {{SeeCompatTable}}
    -

    @document CSS at-rule ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа. Он разработан в основном для пользовательских таблиц стилей, хотя он ттакже может использоваться в авторских таблицах стилей.

    +

    @document CSS at-rule ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа. Он разработан в основном для пользовательских таблиц стилей, хотя он также может использоваться в авторских таблицах стилей.

    @document url("https://www.example.com/") {
       h1 {
    diff --git a/files/ru/web/css/@namespace/index.html b/files/ru/web/css/@namespace/index.html
    index c654ee3abf..37e8480c3a 100644
    --- a/files/ru/web/css/@namespace/index.html
    +++ b/files/ru/web/css/@namespace/index.html
    @@ -2,7 +2,6 @@
     title: '@namespace'
     slug: Web/CSS/@namespace
     tags:
    -  - Неймспейсы
       - Пространства имён
     translation_of: Web/CSS/@namespace
     ---
    @@ -10,7 +9,7 @@ translation_of: Web/CSS/@namespace
     
     

    Описание

    -

    @namespace - это правила (at-rule) определяющие пространства имён XML, которые будут использованы в таблице стилей. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Namespace'ы полезны, в основном, когда идёт взаимодействие с документами содержащими множество неймспейсов, такими как HTML5 со встроенным SVG, MathML или XML.

    +

    @namespace - это правила (at-rule) определяющие пространства имён XML, которые будут использованы в таблице стилей. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Пространства имён полезны, в основном, когда идёт взаимодействие с документами содержащими множество пространств имён, такими как HTML5 со встроенным SVG, MathML или XML.

    @namespace url(http://www.w3.org/1999/xhtml);
     @namespace svg url(http://www.w3.org/2000/svg);
    @@ -26,14 +25,14 @@ svg|a {}
     
     

    Любое @namespace правило обязано следовать всем @charset и @import правилам, а так же всем описаниям стилей в таблице стилей.

    -

    @namespace может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом неймспейсе.

    +

    @namespace может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом пространстве имён.

    -

    @namespace правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по неймспейсу и именам или атрибутам.

    +

    @namespace правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по пространству имён и именам или атрибутам.

    В HTML5 существуют сторонние элементы которые автоматически ассоциируются с соответствующими пространствами имён. Это значит, что HTML элементы будут действовать так, как если бы они находились в пространстве имён (http://www.w3.org/1999/xhtml), также если они не имеют xmlns атрибута где-либо в документе, то такие элементы как <svg> и <math> будут ассоциироваться с их стандартными пространствами имён (http://www.w3.org/2000/svg and http://www.w3.org/1998/Math/MathML).

    -

    Заметка: В XML, если префикс отличается от атрибута (Например, xlink:href), то атрибут не будет иметь неймспейса. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.

    +

    Заметка: В XML, если префикс отличается от атрибута (Например, xlink:href), то атрибут не будет иметь пространства имён. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.

    Синтаксис

    diff --git a/files/ru/web/css/_colon_default/index.html b/files/ru/web/css/_colon_default/index.html index 728ef70ae8..45ac8c1819 100644 --- a/files/ru/web/css/_colon_default/index.html +++ b/files/ru/web/css/_colon_default/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:default' ---
    {{CSSRef}}
    -

     CSS псевдо-класс :default находит элемент формы, установленный по умолчанию для группы связанных элементов.

    +

     CSS псевдокласс :default находит элемент формы, установленный по умолчанию для группы связанных элементов.

    Этот селектор используется для  элементов: {{htmlelement("button")}}, <input type="checkbox">, <input type="radio">, и {{htmlelement("option")}} .

    diff --git a/files/ru/web/css/_colon_defined/index.html b/files/ru/web/css/_colon_defined/index.html index 7ba37de530..d9931d68c5 100644 --- a/files/ru/web/css/_colon_defined/index.html +++ b/files/ru/web/css/_colon_defined/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:defined' ---
    {{ CSSRef }}
    -

    CSS псевдо-класс :defined находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и пользовательские элементы (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).

    +

    CSS псевдокласс :defined находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и пользовательские элементы (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).

    /* Находит любой элемент, который был определён */
     :defined {
    diff --git a/files/ru/web/css/_colon_dir/index.html b/files/ru/web/css/_colon_dir/index.html
    index 4e4562634e..09422f6f13 100644
    --- a/files/ru/web/css/_colon_dir/index.html
    +++ b/files/ru/web/css/_colon_dir/index.html
    @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:dir'
     ---
     
    {{CSSRef}}{{SeeCompatTable}}
    -

    :dir() — это псевдо-класс CSS, который выбирает элементы на основе направления текста в них.

    +

    :dir() — это псевдокласс CSS, который выбирает элементы на основе направления текста в них.

    /* Выбирает все элементы с текстом справа-налево */
     :dir(rtl) {
    diff --git a/files/ru/web/css/_colon_disabled/index.html b/files/ru/web/css/_colon_disabled/index.html
    index 0335cad5fe..86a34bd10a 100644
    --- a/files/ru/web/css/_colon_disabled/index.html
    +++ b/files/ru/web/css/_colon_disabled/index.html
    @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:disabled'
     
     

    Описание

    -

    CSS псевдо-класс :disabled находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.

    +

    CSS псевдокласс :disabled находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.

    Примеры

    @@ -98,7 +98,7 @@ translation_of: 'Web/CSS/:disabled'
    - +
    upload XMLHttpRequestUploadЗагрузка (upload process) может отслеживаться event listener'ом.Загрузка (upload process) может отслеживаться обработчиком события.
    withCredentials
    {{SpecName('CSS3 Selectors', '#enableddisabled', ':disabled')}} {{Spec2('CSS3 Selectors')}}Определяет псевдо-класс, но не семантику.Определяет псевдокласс, но не семантику.
    diff --git a/files/ru/web/css/_colon_enabled/index.html b/files/ru/web/css/_colon_enabled/index.html index 0425ffaeda..7e83a52a5d 100644 --- a/files/ru/web/css/_colon_enabled/index.html +++ b/files/ru/web/css/_colon_enabled/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:enabled'

    Описание

    -

    CSS псевдо-класс :enabled находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.

    +

    CSS псевдокласс :enabled находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.

    Пример

    @@ -74,7 +74,7 @@ input:disabled { {{SpecName('CSS3 Selectors', '#enableddisabled', ':enabled')}} {{Spec2('CSS3 Selectors')}} - Определён псевдо-класс, без семантики. + Определён псевдокласс, без семантики. diff --git a/files/ru/web/css/_colon_first-child/index.html b/files/ru/web/css/_colon_first-child/index.html index afb5c7b759..d31fc8acd2 100644 --- a/files/ru/web/css/_colon_first-child/index.html +++ b/files/ru/web/css/_colon_first-child/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:first-child' ---
    {{CSSRef}}
    -

    {{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдо-класс')}} :first-child находит любой элемент, являющийся первым в своём родителе.

    +

    {{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдокласс')}} :first-child находит любой элемент, являющийся первым в своём родителе.

    >
     /* Выбирает любой <p>, который является первым элементом
    diff --git a/files/ru/web/css/_colon_first/index.html b/files/ru/web/css/_colon_first/index.html
    index 7fea9f419e..a6dde450c1 100644
    --- a/files/ru/web/css/_colon_first/index.html
    +++ b/files/ru/web/css/_colon_first/index.html
    @@ -19,7 +19,7 @@ translation_of: 'Web/CSS/:first'
     }
    -

    Обратите внимание: Вы можете изменять не все CSS свойства в этом псевдо-классе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только абсолютные единицы измерения, определяя внешние отступы. Все остальные правила будут проигнорированы.

    +

    Обратите внимание: Вы можете изменять не все CSS свойства в этом псевдоклассе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только абсолютные единицы измерения, определяя внешние отступы. Все остальные правила будут проигнорированы.

    Синтаксис

    @@ -98,5 +98,5 @@ p {
    • {{Cssxref("@page")}}
    • -
    • Другие связанные псевдо-классы: {{Cssxref(":left")}}, {{Cssxref(":right")}}
    • +
    • Другие связанные псевдоклассы: {{Cssxref(":left")}}, {{Cssxref(":right")}}
    diff --git a/files/ru/web/css/_colon_focus-within/index.html b/files/ru/web/css/_colon_focus-within/index.html index d5a4dcd776..6fa9c377c4 100644 --- a/files/ru/web/css/_colon_focus-within/index.html +++ b/files/ru/web/css/_colon_focus-within/index.html @@ -77,7 +77,7 @@ input {

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

    - +

    {{Compat("css.selectors.focus-within")}}

    diff --git a/files/ru/web/css/_colon_focus/index.html b/files/ru/web/css/_colon_focus/index.html index 6bcab5d696..206b74a0e9 100644 --- a/files/ru/web/css/_colon_focus/index.html +++ b/files/ru/web/css/_colon_focus/index.html @@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:focus' ---
    {{CSSRef}}
    -

    CSS псевдо-класс :focus применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.

    +

    CSS псевдокласс :focus применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.

    /* Selects any <input> when focused */
     input:focus {
    @@ -21,7 +21,7 @@ input:focus {
     }
    -

    Примечание: Этот псевдо-класс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.

    +

    Примечание: Этот псевдокласс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.

    Синтаксис

    diff --git a/files/ru/web/css/_colon_in-range/index.html b/files/ru/web/css/_colon_in-range/index.html index ed0fc29cf4..ec36c72162 100644 --- a/files/ru/web/css/_colon_in-range/index.html +++ b/files/ru/web/css/_colon_in-range/index.html @@ -70,7 +70,7 @@ input:out-of-range + label::after { {{SpecName('HTML WHATWG', 'scripting.html#selector-in-range', ':in-range')}} {{Spec2('HTML WHATWG')}} - Определяет, когда :in-range находит элементы вHTML. + Определяет, когда :in-range находит элементы в HTML. {{SpecName('CSS4 Selectors', '#in-range-pseudo', ':in-range')}} diff --git a/files/ru/web/css/_colon_indeterminate/index.html b/files/ru/web/css/_colon_indeterminate/index.html index 6975e1d6ee..d4cf598129 100644 --- a/files/ru/web/css/_colon_indeterminate/index.html +++ b/files/ru/web/css/_colon_indeterminate/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:indeterminate' ---

    {{CSSRef}}

    -

    CSS псевдо-класс :indeterminate находит элементы в неопределённом состоянии.

    +

    CSS псевдокласс :indeterminate находит элементы в неопределённом состоянии.

    /* Выбирает все элементы <input>, которые находятся в неопределенном состоянии */
     input:indeterminate {
    @@ -116,7 +116,7 @@ progress:indeterminate {
       
        {{SpecName('CSS3 Basic UI', '#indeterminate', ':indeterminate')}}
        {{Spec2('CSS3 Basic UI')}}
    -   Определён псевдо-класс, но не семантика.
    +   Определён псевдокласс, но не семантика.
       
      
     
    diff --git a/files/ru/web/css/_colon_invalid/index.html b/files/ru/web/css/_colon_invalid/index.html
    index 3c8c6c3051..9bbc21d9a7 100644
    --- a/files/ru/web/css/_colon_invalid/index.html
    +++ b/files/ru/web/css/_colon_invalid/index.html
    @@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:invalid'
     
     

    Описание

    -

    CSS псевдо-класс :invalid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит валидацию, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.

    +

    CSS псевдокласс :invalid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит валидацию, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.

    -

    По умолчанию, Gecko не применяет стили к псевдо-классу :invalid. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдо-классу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для :invalid.

    +

    По умолчанию, Gecko не применяет стили к псевдоклассу :invalid. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдоклассу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для :invalid.

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

    @@ -32,7 +32,7 @@ translation_of: 'Web/CSS/:invalid'

    Радиокнопки

    -

    Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом name) имеет атрибут required, псевдо-класс :invalid применяется ко всем из них, если ни одна из кнопок группы не выбрана.

    +

    Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом name) имеет атрибут required, псевдокласс :invalid применяется ко всем из них, если ни одна из кнопок группы не выбрана.

    Пример

    @@ -103,7 +103,7 @@ input:required { {{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':invalid') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_is/index.html b/files/ru/web/css/_colon_is/index.html index 084876125f..cd8f1848d1 100644 --- a/files/ru/web/css/_colon_is/index.html +++ b/files/ru/web/css/_colon_is/index.html @@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:is'

    Примечание: :matches() был переименован в :is() в CSSWG issue #3258.

    -

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

    +

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

    -

    Заметьте, что в данный момент браузеры поддерживают ее функционал как :matches(), или даже как более старый, префиксный псевдо-класс — :any(), включая старые версии Chrome, Firefox, и Safari. :any() работает точно таким же образом как и :matches()/:is(), за исключением того, что  :any() требует постановку префиксов и не поддерживает комплексные селекторы.

    +

    Заметьте, что в данный момент браузеры поддерживают ее функционал как :matches(), или даже как более старый, префиксный псевдокласс — :any(), включая старые версии Chrome, Firefox, и Safari. :any() работает точно таким же образом как и :matches()/:is(), за исключением того, что  :any() требует постановку префиксов и не поддерживает комплексные селекторы.

    /* Выбирает какой-либо абзац в шапке, основной части или подвале, который зависал */
     :is(header, main, footer) p:hover {
    @@ -197,7 +197,7 @@ h1 {
     
     

    Как избежать аннулирования списка селекторов

    -

    В отличие от списка селекторов, псевдо-класс :is() не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.

    +

    В отличие от списка селекторов, псевдокласс :is() не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.

    :is(:valid, :unsupported) {
       ...
    diff --git a/files/ru/web/css/_colon_last-child/index.html b/files/ru/web/css/_colon_last-child/index.html
    index cc691def67..5e7c8199e4 100644
    --- a/files/ru/web/css/_colon_last-child/index.html
    +++ b/files/ru/web/css/_colon_last-child/index.html
    @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:last-child'
     
     

    Описание

    -

    CSS псевдо-класс :last-child находит любой элемент, являющийся последним в его родителе.

    +

    CSS псевдокласс :last-child находит любой элемент, являющийся последним в его родителе.

    Синтаксис

    diff --git a/files/ru/web/css/_colon_link/index.html b/files/ru/web/css/_colon_link/index.html index 76b0a4d894..a6bb940f9d 100644 --- a/files/ru/web/css/_colon_link/index.html +++ b/files/ru/web/css/_colon_link/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:link'

    Описание

    -

    CSS псевдо-класс :link позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдо-классам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила :link до других, как определено LVHA-порядком: :link:visited:hover:active. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после :hover, в зависимости от ожидаемого эффекта.

    +

    CSS псевдокласс :link позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдоклассам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила :link до других, как определено LVHA-порядком: :link:visited:hover:active. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после :hover, в зависимости от ожидаемого эффекта.

    Замечание: Используйте {{cssxref(":any-link")}} чтобы выбрать ссылку, независимо от того, была она посещена или нет.

    diff --git a/files/ru/web/css/_colon_not/index.html b/files/ru/web/css/_colon_not/index.html index 26721ae7b7..e8d0300104 100644 --- a/files/ru/web/css/_colon_not/index.html +++ b/files/ru/web/css/_colon_not/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:not'

    Описание

    -

    Отрицательный CSS псевдо-класс, :not(X) - функция, принимающая простой селектор X в качестве аргумента. Он находит элементы, не соответствующие селектору. X не должен содержать других отрицательных селекторов.

    +

    Отрицательный CSS псевдокласс, :not(X) - функция, принимающая простой селектор X в качестве аргумента. Он находит элементы, не соответствующие селектору. X не должен содержать других отрицательных селекторов.

    Замечания: diff --git a/files/ru/web/css/_colon_optional/index.html b/files/ru/web/css/_colon_optional/index.html index 2b7b8f9c9d..6ffa7b9649 100644 --- a/files/ru/web/css/_colon_optional/index.html +++ b/files/ru/web/css/_colon_optional/index.html @@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:optional'

    Описание

    -

    CSS псевдо-класс :optional находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.

    +

    CSS псевдокласс :optional находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.

    -

    Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдо-класс {{ cssxref(":required") }}.

    +

    Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдокласс {{ cssxref(":required") }}.

    Примеры

    @@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:optional' {{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':optional') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_placeholder-shown/index.html b/files/ru/web/css/_colon_placeholder-shown/index.html index 014fc3a363..2c28dc2bb2 100644 --- a/files/ru/web/css/_colon_placeholder-shown/index.html +++ b/files/ru/web/css/_colon_placeholder-shown/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:placeholder-shown' ---
    {{CSSRef}}{{SeeCompatTable}}
    -
    CSS псевдо-класс :placeholder-shown представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент текст заполнитель (плейсхолдер).
    +
    CSS псевдокласс :placeholder-shown представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент текст заполнитель (плейсхолдер).
    /* Выбирает любой элемент с активным плейсхолдером */
     :placeholder-shown {
    diff --git a/files/ru/web/css/_colon_read-only/index.html b/files/ru/web/css/_colon_read-only/index.html
    index 30fa0382ad..88b1bbf669 100644
    --- a/files/ru/web/css/_colon_read-only/index.html
    +++ b/files/ru/web/css/_colon_read-only/index.html
    @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:read-only'
     
     

    Описание

    -

    CSS псевдо-класс :read-only находит элементы, недоступные для редактирования пользователем.

    +

    CSS псевдокласс :read-only находит элементы, недоступные для редактирования пользователем.

    Пример

    @@ -48,7 +48,7 @@ input:read-only { background: #eee; } {{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-only') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_read-write/index.html b/files/ru/web/css/_colon_read-write/index.html index 1f92defec7..6c32692d32 100644 --- a/files/ru/web/css/_colon_read-write/index.html +++ b/files/ru/web/css/_colon_read-write/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:read-write'

    Описание

    -

    CSS псевдо-класс :read-write находит элементы, доступные для редактирования пользователем, такие как текстовые поля.

    +

    CSS псевдокласс :read-write находит элементы, доступные для редактирования пользователем, такие как текстовые поля.

    Пример

    @@ -48,7 +48,7 @@ input:read-write { background: #eee; } {{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-write') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_required/index.html b/files/ru/web/css/_colon_required/index.html index c7d7026124..de9a66783b 100644 --- a/files/ru/web/css/_colon_required/index.html +++ b/files/ru/web/css/_colon_required/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:required'

    Описание

    -

    CSS псевдо-класс :required находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.

    +

    CSS псевдокласс :required находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.

    Псевдо-класс {{ cssxref(":optional") }} может использоваться, чтобы дать особый внешний вид полям, не обязательным для заполнения.

    @@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:required' {{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':required') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_target/index.html b/files/ru/web/css/_colon_target/index.html index 8f072788b3..46d0f88746 100644 --- a/files/ru/web/css/_colon_target/index.html +++ b/files/ru/web/css/_colon_target/index.html @@ -75,7 +75,7 @@ p:target i {

    Pure-CSS lightbox

    -

    Вы можете использовать псевдо-класс :target для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их  display на видимый.

    +

    Вы можете использовать псевдокласс :target для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их  display на видимый.

    Примечание: Более полный pure-CSS lightbox , основанный на псевдоклассе:targetavailable on GitHub (demo).
    diff --git a/files/ru/web/css/_colon_valid/index.html b/files/ru/web/css/_colon_valid/index.html index 3ea99d76e1..caae89fdb0 100644 --- a/files/ru/web/css/_colon_valid/index.html +++ b/files/ru/web/css/_colon_valid/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:valid'

    Описание

    -

    CSS псевдо-класс :valid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых валиден, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.

    +

    CSS псевдокласс :valid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых валиден, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.

    Пример

    @@ -80,7 +80,7 @@ input:required { {{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':valid') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_visited/index.html b/files/ru/web/css/_colon_visited/index.html index eeee1f3600..f4288a183b 100644 --- a/files/ru/web/css/_colon_visited/index.html +++ b/files/ru/web/css/_colon_visited/index.html @@ -9,10 +9,10 @@ translation_of: 'Web/CSS/:visited'

    Описание

    -

    CSS псевдо-класс :visited позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдо-классами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило :visited до правила :link, но после других, определённых LVHA-порядком: :link:visited:hover:active.

    +

    CSS псевдокласс :visited позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдоклассами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило :visited до правила :link, но после других, определённых LVHA-порядком: :link:visited:hover:active.

    -

    Замечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдо-класс: только {{ cssxref("color") }}, {{ cssxref("background-color") }}, {{ cssxref("border-color") }}, {{ cssxref("border-bottom-color") }}, {{ cssxref("border-left-color") }}, {{ cssxref("border-right-color") }}, {{ cssxref("border-top-color") }}, {{ cssxref("outline-color") }}, {{ cssxref("column-rule-color") }}, fill и stroke. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - 0, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).

    +

    Замечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только {{ cssxref("color") }}, {{ cssxref("background-color") }}, {{ cssxref("border-color") }}, {{ cssxref("border-bottom-color") }}, {{ cssxref("border-left-color") }}, {{ cssxref("border-right-color") }}, {{ cssxref("border-top-color") }}, {{ cssxref("outline-color") }}, {{ cssxref("column-rule-color") }}, fill и stroke. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - 0, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).

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

    @@ -125,5 +125,5 @@ a:visited { background-color: white }
    • Приватность и селектор :visited
    • -
    • Относящиеся к ссылкам псевдо-классы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.
    • +
    • Относящиеся к ссылкам псевдоклассы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.
    diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html index b432a06efd..3eb34a7c0e 100644 --- a/files/ru/web/css/_colon_where/index.html +++ b/files/ru/web/css/_colon_where/index.html @@ -143,7 +143,7 @@ footer p:hover {

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

    - +

    {{Compat("css.selectors.where")}}

    diff --git a/files/ru/web/css/_doublecolon_backdrop/index.html b/files/ru/web/css/_doublecolon_backdrop/index.html index 62837decd3..0d79fce37b 100644 --- a/files/ru/web/css/_doublecolon_backdrop/index.html +++ b/files/ru/web/css/_doublecolon_backdrop/index.html @@ -76,7 +76,7 @@ dialog::backdrop {

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

      -
    • {{cssxref(":fullscreen")}} псевдо-класс
    • +
    • {{cssxref(":fullscreen")}} псевдокласс
    • {{HTMLElement("dialog")}} HTML элемент
    • Fullscreen API
    diff --git a/files/ru/web/css/animation-timing-function/index.html b/files/ru/web/css/animation-timing-function/index.html index 84c1d33d70..5b4d0660b6 100644 --- a/files/ru/web/css/animation-timing-function/index.html +++ b/files/ru/web/css/animation-timing-function/index.html @@ -44,7 +44,7 @@ translation_of: Web/CSS/animation-timing-function animation-timing-function: initial; animation-timing-function: unset;
    -

    Временные функции могут быть установлены в пользовательских keyframes'ах в правилах @keyframes. Если в keyframe'е значение animation-timing-function указано, соответствующее значение animation-timing-function от элемента к которому анимация применена используется для этого keyframe'а.

    +

    Временные функции могут быть установлены в пользовательских ключевых кадрах в правилах @keyframes. Если в ключевом кадре значение animation-timing-function указано, соответствующее значение animation-timing-function от элемента к которому анимация применена используется для этого ключевого кадра.

    Значения

    diff --git a/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html index 0e5a5a7568..3cd0e684d6 100644 --- a/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ b/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html @@ -20,7 +20,7 @@ original_slug: >-
    cursor:  [<url>,]* ключевое_слово
    -

    Это означает, что устанавливать можно любое количество URL'ов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как auto или pointer.

    +

    Это означает, что устанавливать можно любое количество URL-адресов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как auto или pointer.

    Например, такая последовательность значений допустима:

    diff --git a/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html b/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html index 3f405f926f..3340d6cfae 100644 --- a/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html +++ b/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html @@ -187,7 +187,7 @@ original_slug: Web/CSS/CSS_Flexible_Box_Layout/Выравнивание_элем

    Распространённый пример — панель навигации, в которой отдельные важные элементы выровнены по правому краю, а основная группа элементов — по левому.

    -

    На первый взгляд может показаться, что это юзкейс для свойства justify-self. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать justify-self на элементе d, это также изменило бы выравнивание следующего элемента — e, что может противоречить первоначальному замыслу.

    +

    На первый взгляд может показаться, что этот пример использования свойства justify-self. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать justify-self на элементе d, это также изменило бы выравнивание следующего элемента — e, что может противоречить первоначальному замыслу.

    Five items, in two groups. Three on the left and two on the right.

    diff --git a/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html b/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html index 7785b66392..818592a218 100644 --- a/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html +++ b/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html @@ -407,7 +407,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_

    Как только я добавляю этот CSS, элементы начинают раскладываться в виде сетки. Если я сделаю окно меньше или шире, количество дорожек столбцов изменится – без необходимости переопределять сетку.

    -

    Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка display: flex and theи flex-direction для column. Затем я могу использовать margin auto для   .cta чтобы подтолкнуть этот элемент вниз к нижней части ячейки.

    +

    Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка display: flex and и flex-direction для column. Затем я могу использовать margin auto для   .cta чтобы подтолкнуть этот элемент вниз к нижней части ячейки.

    .listing li {
       border: 1px solid #ffe066;
    diff --git a/files/ru/web/css/custom-ident/index.html b/files/ru/web/css/custom-ident/index.html
    index e71f5f129c..35b666f185 100644
    --- a/files/ru/web/css/custom-ident/index.html
    +++ b/files/ru/web/css/custom-ident/index.html
    @@ -26,8 +26,8 @@ translation_of: Web/CSS/custom-ident
      
  • десятеричные цифры (от 0 до 9),
  • дефис (-),
  • нижнее подчёркивание (_),
  • -
  • экранированный символ (символ с бэкслэшем перед ним, \),
  • -
  • символ Unicode (бэкслэш, \, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)
  • +
  • экранированный символ (символ с бэкслешем перед ним, \),
  • +
  • символ Unicode (бэкслеш, \, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)
  • Обратите внимание, что id1, Id1, iD1 и ID1 — это разные идентификаторы, поскольку они чувствительны к регистру. С другой стороны, так как существует несколько способов экранировать символ, toto\? и toto\3F — это один и тот же идентификатор.

    diff --git a/files/ru/web/css/height/index.html b/files/ru/web/css/height/index.html index a1405ed89b..7bacf6e0a2 100644 --- a/files/ru/web/css/height/index.html +++ b/files/ru/web/css/height/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/height {{EmbedInteractiveExample("pages/css/height.html")}}


    @@ -161,7 +161,7 @@ height: unset;

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

    {{Compat("css.properties.height")}}

    diff --git a/files/ru/web/css/margin-bottom/index.html b/files/ru/web/css/margin-bottom/index.html index 8d8f296361..db80a1634f 100644 --- a/files/ru/web/css/margin-bottom/index.html +++ b/files/ru/web/css/margin-bottom/index.html @@ -133,6 +133,6 @@ div {

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

    - +

    {{Compat("css.properties.margin-bottom")}}

    diff --git a/files/ru/web/css/margin-left/index.html b/files/ru/web/css/margin-left/index.html index e96efae043..ae301e9b36 100644 --- a/files/ru/web/css/margin-left/index.html +++ b/files/ru/web/css/margin-left/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/margin-left
    {{EmbedInteractiveExample("pages/css/margin-left.html")}}
    - +

    Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется схлопыванием внешних отступов.

    @@ -162,6 +162,6 @@ margin-left: unset;

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

    - +

    {{Compat("css.properties.margin-left")}}

    diff --git a/files/ru/web/css/margin-right/index.html b/files/ru/web/css/margin-right/index.html index c435531bdb..d21ce8cdfd 100644 --- a/files/ru/web/css/margin-right/index.html +++ b/files/ru/web/css/margin-right/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/margin-right
    {{EmbedInteractiveExample("pages/css/margin-right.html")}}
    - +

    Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется схлопыванием внешних отступов.

    @@ -155,6 +155,6 @@ margin-right: unset;

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

    - +

    {{Compat("css.properties.margin-right")}}

    diff --git a/files/ru/web/css/max-height/index.html b/files/ru/web/css/max-height/index.html index 309daf43d1..26fbecf3b2 100644 --- a/files/ru/web/css/max-height/index.html +++ b/files/ru/web/css/max-height/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/max-height
    {{EmbedInteractiveExample("pages/css/max-height.html")}}
    - +

    {{ Cssxref("max-height") }} перекрывает {{cssxref("height")}}, но {{ Cssxref("min-height") }} перекрывает {{ Cssxref("max-height") }}.

    @@ -112,7 +112,7 @@ form { max-height: none; }

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

    - +

    {{Compat("css.properties.max-height")}}

    diff --git a/files/ru/web/css/max-width/index.html b/files/ru/web/css/max-width/index.html index 6f90e1c740..0f442a3a34 100644 --- a/files/ru/web/css/max-width/index.html +++ b/files/ru/web/css/max-width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/max-width
    {{EmbedInteractiveExample("pages/css/max-width.html")}}
    - +

    {{ Cssxref("max-width") }} перекрывает {{cssxref("width")}}, но {{ Cssxref("min-width") }} перекрывает {{ Cssxref("max-width") }}.

    @@ -157,7 +157,7 @@ max-width: unset;

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

    - +

    {{Compat("css.properties.max-width")}}

    diff --git a/files/ru/web/css/min-height/index.html b/files/ru/web/css/min-height/index.html index cb60e09c46..19ec058b88 100644 --- a/files/ru/web/css/min-height/index.html +++ b/files/ru/web/css/min-height/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/min-height
    {{EmbedInteractiveExample("pages/css/min-height.html")}}
    - +

    Высота элемента принимает значение min-height всякий раз, когда min-height больше чем {{ Cssxref("max-height") }} или {{Cssxref("height")}}.

    @@ -107,7 +107,7 @@ form { min-height: 0; }

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

    - +

    {{Compat("css.properties.min-height")}}

    diff --git a/files/ru/web/css/min-width/index.html b/files/ru/web/css/min-width/index.html index 7995a81f4d..09dde90e37 100644 --- a/files/ru/web/css/min-width/index.html +++ b/files/ru/web/css/min-width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/min-width
    {{EmbedInteractiveExample("pages/css/min-width.html")}}
    - +

    Ширина элемента принимает значение min-width когда min-width больше чем {{ Cssxref("max-width") }} или {{Cssxref("width")}}.

    @@ -106,7 +106,7 @@ form { min-width: 0; }

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

    - +

    {{Compat("css.properties.min-width")}}

    diff --git a/files/ru/web/css/radial-gradient()/index.html b/files/ru/web/css/radial-gradient()/index.html index 7d7c95d25f..2976378d44 100644 --- a/files/ru/web/css/radial-gradient()/index.html +++ b/files/ru/web/css/radial-gradient()/index.html @@ -128,7 +128,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)

    {{EmbedLiveSample('Градиент_со_смещенным_центром', 240, 120)}}

    -

    Заметка: Дополнительные примеры можно найти в Ииспользование CSS градиентов.

    +

    Заметка: Дополнительные примеры можно найти в Использование CSS градиентов.

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

    @@ -166,7 +166,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    Safari - Стандартное ииспользование (в {{cssxref("background")}} и {{cssxref("background-image")}}) + Стандартное использование (в {{cssxref("background")}} и {{cssxref("background-image")}}) {{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}[1]
    {{CompatGeckoDesktop("16")}} 10.0 (534.16){{property_prefix("-webkit")}}[2] @@ -175,7 +175,7 @@ radial-gradient(circle at center, red 0, blue, green 100%) 5.1{{property_prefix("-webkit")}}[2] - Ииспользование в {{cssxref("border-image")}} + Использование в {{cssxref("border-image")}} {{CompatGeckoDesktop("29")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -183,7 +183,7 @@ radial-gradient(circle at center, red 0, blue, green 100%) {{CompatVersionUnknown}} - Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}} + Использование на любых других свойствах работающих с типом {{cssxref("<image>")}} {{CompatNo}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -241,7 +241,7 @@ radial-gradient(circle at center, red 0, blue, green 100%) {{CompatVersionUnknown}} - Ииспользование в {{cssxref("border-image")}} + Использование в {{cssxref("border-image")}} {{CompatVersionUnknown}} {{CompatGeckoMobile("29")}} {{CompatVersionUnknown}} @@ -249,7 +249,7 @@ radial-gradient(circle at center, red 0, blue, green 100%) {{CompatVersionUnknown}} - Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}} + Использование на любых других свойствах работающих с типом {{cssxref("<image>")}} {{CompatNo}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -295,7 +295,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)

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

    diff --git a/files/ru/web/css/ratio/index.html b/files/ru/web/css/ratio/index.html index 1167ae3f29..e5ca478ac0 100644 --- a/files/ru/web/css/ratio/index.html +++ b/files/ru/web/css/ratio/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/ratio

    Синтаксис

    -

    Тип данных <ratio> состоит из строго положительного  {{cssxref("<integer>")}}, за которым следует слэш  ('/', Unicode U+002F SOLIDUS) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.

    +

    Тип данных <ratio> состоит из строго положительного  {{cssxref("<integer>")}}, за которым следует слеш  ('/', Unicode U+002F SOLIDUS) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.

    Примеры

    diff --git a/files/ru/web/css/using_css_custom_properties/index.html b/files/ru/web/css/using_css_custom_properties/index.html index 829761ba71..65fd104311 100644 --- a/files/ru/web/css/using_css_custom_properties/index.html +++ b/files/ru/web/css/using_css_custom_properties/index.html @@ -94,7 +94,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties

    {{EmbedLiveSample("sample1",600,180)}}


    - Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдо-классе :root, автор CSS может избежать ненужных повторений, используя эту переменную.

    + Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдоклассе :root, автор CSS может избежать ненужных повторений, используя эту переменную.

    diff --git a/files/ru/web/css/width/index.html b/files/ru/web/css/width/index.html index 487f061001..91f76b0eca 100644 --- a/files/ru/web/css/width/index.html +++ b/files/ru/web/css/width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/width
    {{EmbedInteractiveExample("pages/css/width.html")}}
    - +

    Свойства {{cssxref("min-width")}} и {{cssxref("max-width")}} перекрывают {{cssxref("width")}}.

    @@ -196,7 +196,7 @@ width: unset;

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

    - +

    {{Compat("css.properties.width")}}

    diff --git a/files/ru/web/guide/html/html5/constraint_validation/index.html b/files/ru/web/guide/html/html5/constraint_validation/index.html index 6276de0ced..ba0b43d244 100644 --- a/files/ru/web/guide/html/html5/constraint_validation/index.html +++ b/files/ru/web/guide/html/html5/constraint_validation/index.html @@ -6,7 +6,7 @@ tags: translation_of: Web/Guide/HTML/HTML5/Constraint_validation original_slug: HTML/HTML5/Constraint_validation --- -

    Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

    +

    Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование пользователя о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

    Внимание: HTML5 Constraint validation не отменяет валидацию на стороне сервера. Несмотря на то что на сервер будет отправляться меньше запросов с невалидными данными, такие запросы всё ещё могут быть отправлены менее "сговорчивыми" браузерами (например, браузерами без поддержки HTML5 и без JavaScript) или плохими парнями, пытающимися взломать ваше веб-приложение. Следовательно, как и в случае с HTML4, вам всё ещё нужно проверять ввод на стороне сервера, таким образом, чтобы это было согласовано с валидацией на стороне клиента.
    diff --git a/files/ru/web/html/element/input/index.html b/files/ru/web/html/element/input/index.html index 7899ede12e..c949910b8d 100644 --- a/files/ru/web/html/element/input/index.html +++ b/files/ru/web/html/element/input/index.html @@ -38,7 +38,7 @@ translation_of: Web/HTML/Element/input
  • date: {{HTMLVersionInline("5")}} Элемент управления для ввода даты (год, месяц и день, без времени).
  • datetime: {{HTMLVersionInline("5")}} Элемент управления для ввода даты и времени (час, минута, секунда и доля секунды) в соответствии с часовым поясом UTC.
  • datetime-local: {{HTMLVersionInline("5")}} Элемент управления для ввода даты и времени без часового пояса.
  • -
  • email: {{HTMLVersionInline("5")}} Поле для редактирования адреса электронной почты. Перед отправкой проверяется, что входное значение содержит либо пустую строку, либо один действительный адрес электронной почты. Соответствуют CSS псевдо-классам {{cssxref(":valid")}} and {{cssxref(":invalid")}}.
  • +
  • email: {{HTMLVersionInline("5")}} Поле для редактирования адреса электронной почты. Перед отправкой проверяется, что входное значение содержит либо пустую строку, либо один действительный адрес электронной почты. Соответствуют CSS псевдоклассам {{cssxref(":valid")}} and {{cssxref(":invalid")}}.
  • file: Элемент управления, который позволяет пользователю выбрать файл. Используйте атрибут accept, чтобы определить типы файлов, которые могут быть выбраны.
  • hidden: Элемент управления, которые не отображается, но чье значение отправлено на сервер.
  • image: Кнопка вставки изображения. Вы должны использовать атрибут src, чтобы определить путь к изображению и атрибут alt - для определения альтернативного текста. Вы можете использовать атрибуты height и width, чтобы определить размер вставки изображения в пикселях.
  • diff --git a/files/ru/web/html/element/noscript/index.html b/files/ru/web/html/element/noscript/index.html index 0b95032b93..e6ad199da5 100644 --- a/files/ru/web/html/element/noscript/index.html +++ b/files/ru/web/html/element/noscript/index.html @@ -32,11 +32,11 @@ translation_of: Web/HTML/Element/noscript <p>Rocks!</p> -

    Пример с включенным JavaScript'ом

    +

    Пример с включенным JavaScript

    Rocks!

    -

    Результат с выключенным JavaScript'ом

    +

    Результат с выключенным JavaScript

    External Link

    diff --git a/files/ru/web/html/element/p/index.html b/files/ru/web/html/element/p/index.html index f80877bf62..166c1b2bd0 100644 --- a/files/ru/web/html/element/p/index.html +++ b/files/ru/web/html/element/p/index.html @@ -178,7 +178,7 @@ p.pilcrow + p.pilcrow::before {

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

    - +

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

    diff --git a/files/ru/web/html/element/strong/index.html b/files/ru/web/html/element/strong/index.html index 28010968a3..dfbbabd735 100644 --- a/files/ru/web/html/element/strong/index.html +++ b/files/ru/web/html/element/strong/index.html @@ -120,7 +120,7 @@ translation_of: Web/HTML/Element/strong

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

    - +

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

    diff --git a/files/ru/web/html/element/style/index.html b/files/ru/web/html/element/style/index.html index f3ed7c9f53..0e0e65e581 100644 --- a/files/ru/web/html/element/style/index.html +++ b/files/ru/web/html/element/style/index.html @@ -163,7 +163,7 @@ body {

    [1] Поддерживается в Chrome с 20+ по 34 при включённом флаге "Enable <style scoped>" или "experimental WebKit features" в chrome://flags. Удалён в Chrome 35+ из-за сложности кода.
    - [2] Gecko 20 и более новые реализуют псевдо-классы :scope, но должна быть включена настройка layout.css.scope-pseudo.enabled. This is only the case by default in Nightly and Aurora test versions.

    + [2] Gecko 20 и более новые реализуют псевдоклассы :scope, но должна быть включена настройка layout.css.scope-pseudo.enabled. This is only the case by default in Nightly and Aurora test versions.

    См. также

    diff --git a/files/ru/web/html/global_attributes/index.html b/files/ru/web/html/global_attributes/index.html index 67c599c6a9..548956a369 100644 --- a/files/ru/web/html/global_attributes/index.html +++ b/files/ru/web/html/global_attributes/index.html @@ -27,10 +27,10 @@ translation_of: Web/HTML/Global_attributes
    class
    Это список разделенных пробелами классов элемента. Классы позволяют CSS и JavaScript выбирать и получать доступ к конкретным элементам через селекторы по классу или через функции, такие как метод {{domxref("Document.getElementsByClassName()")}}.
    contenteditable
    -
    Это перечислимый атрибут, указывающий, нужно ли предоставить пользователю возможность редактировать ээлемент. Если это так, браузер изменит свой виджет таким образом, чтобы позволить редактирование. Атрибут должен принимать одно из следующих значений: +
    Это перечислимый атрибут, указывающий, нужно ли предоставить пользователю возможность редактировать элемент. Если это так, браузер изменит свой виджет таким образом, чтобы позволить редактирование. Атрибут должен принимать одно из следующих значений:
      -
    • true или пустая строка, указывает, что ээлемент должен быть редактируемым;
    • -
    • false, указывает, что ээлемент не должен быть редактируемым.
    • +
    • true или пустая строка, указывает, что элемент должен быть редактируемым;
    • +
    • false, указывает, что элемент не должен быть редактируемым.
    contextmenu
    @@ -48,8 +48,8 @@ translation_of: Web/HTML/Global_attributes
    draggable {{experimental_inline}}
    Это перечислимый атрибут, указывающий, можно ли перетаскивать ээлемент используя Drag and Drop API. Он может иметь одно из следующих значений:
      -
    • true, указывающее, что ээлемент можно перетаскивать;
    • -
    • false, указывающее, что ээлемент нельзя перетаскивать.
    • +
    • true, указывающее, что элемент можно перетаскивать;
    • +
    • false, указывающее, что элемент нельзя перетаскивать.
    dropzone {{experimental_inline}}
    @@ -61,7 +61,7 @@ translation_of: Web/HTML/Global_attributes
    hidden
    -
    Это логический атрибут, указывающий, что ээлемент уже (или еще) не актуален. Можно использовать этот атрибут, например для того, чтобы спрятать части страницы, которые не должны быть видны до завершения авторизации. Браузер не будет отображать такие элементы. Этот атрибут не должен использоваться, чтобы скрыть содержимое, которое может быть показано на законных основаниях.
    +
    Это логический атрибут, указывающий, что элемент уже (или еще) не актуален. Можно использовать этот атрибут, например для того, чтобы спрятать части страницы, которые не должны быть видны до завершения авторизации. Браузер не будет отображать такие элементы. Этот атрибут не должен использоваться, чтобы скрыть содержимое, которое может быть показано на законных основаниях.
    id
    Определяет идентификатор (ID), который должен быть уникален для всего документа. Он предназначен для идентификации элемента при создании ссылок на него, исполнении скриптов или применении стилей (посредством CSS).
    itemid {{experimental_inline}}
    @@ -75,17 +75,17 @@ translation_of: Web/HTML/Global_attributes
    spellcheck {{experimental_inline}}
    Это перечислимый атрибут, определяющий, может ли содержимое элемента быть проверено на наличие орфографических ошибок. Он может принимать одно из следующих значений:
      -
    • true, указывающее, что ээлемент должен, по возможности, проверяться на наличие орфографических ошибок;
    • -
    • false, указывающее, что ээлемент не должен проверяться на наличие орфографических ошибок.
    • +
    • true, указывающее, что элемент должен, по возможности, проверяться на наличие орфографических ошибок;
    • +
    • false, указывающее, что элемент не должен проверяться на наличие орфографических ошибок.
    style
    -
    Содержит описание стилей CSS, которые должны быть применены к элементу. Учтите, что рекомендуется определять стили в отдельном файле или файлах. Этот атрибут, как и ээлемент {{ HTMLElement("style") }}, предназначен, в основном, для оперативного применения стилей, например в целях тестирования.
    +
    Содержит описание стилей CSS, которые должны быть применены к элементу. Учтите, что рекомендуется определять стили в отдельном файле или файлах. Этот атрибут, как и элемент {{ HTMLElement("style") }}, предназначен, в основном, для оперативного применения стилей, например в целях тестирования.
    tabindex
    -
    Это числовой атрибут, указывающий, может ли ээлемент получать фокус, участвует ли он в последовательной навигации с клавиатуры, и если да, то в какой позиции. Может принимать одно из нескольких значений: +
    Это числовой атрибут, указывающий, может ли элемент получать фокус, участвует ли он в последовательной навигации с клавиатуры, и если да, то в какой позиции. Может принимать одно из нескольких значений:
      -
    • отрицательное число означает, что ээлемент фокусируемый, но он не может получить фокус посредством последовательной навигации с клавиатуры;
    • -
    • 0 означает, что ээлемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры, но порядок его следования определяется платформой;
    • +
    • отрицательное число означает, что элемент фокусируемый, но он не может получить фокус посредством последовательной навигации с клавиатуры;
    • +
    • 0 означает, что элемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры, но порядок его следования определяется платформой;
    • положительное значение означает, что элемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры. Порядок его следования определяется значением атрибута — последовательно возрастающего числа tabindex. В случае, когда несколько элементов имеют одинаковое значение атрибута tabindex, порядок их следования при навигации определяется их местом в документе.
    @@ -94,8 +94,8 @@ translation_of: Web/HTML/Global_attributes
    translate
    Это перечислимый атрибут, используемый для того, чтобы указать, следует ли переводить значения атрибутов элемента и его текстовое содержимое (содержимое узла {{domxref("Text")}}) при локализации страницы. Этот атрибут может принимать следующие значения:
      -
    • пустая строка или "yes" указывает, что ээлемент должен быть переведен;
    • -
    • "no" указывает, что ээлемент не должен быть переведен.
    • +
    • пустая строка или "yes" указывает, что элемент должен быть переведен;
    • +
    • "no" указывает, что элемент не должен быть переведен.
    diff --git a/files/ru/web/html/global_attributes/lang/index.html b/files/ru/web/html/global_attributes/lang/index.html index e12675b78c..2ccedf5e04 100644 --- a/files/ru/web/html/global_attributes/lang/index.html +++ b/files/ru/web/html/global_attributes/lang/index.html @@ -38,7 +38,7 @@ translation_of: Web/HTML/Global_attributes/lang

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

    -

    Для псевдо-класса CSS {{cssxref(":lang")}}, два недопустимых названия языка будут разными, если их имена различны. Хотя, :lang(es) соответствует обоим lang="es-ES" и lang="es-419", но :lang(xyzzy) не соответствует lang="xyzzy-Zorp!".

    +

    Для псевдокласса CSS {{cssxref(":lang")}}, два недопустимых названия языка будут разными, если их имена различны. Хотя, :lang(es) соответствует обоим lang="es-ES" и lang="es-419", но :lang(xyzzy) не соответствует lang="xyzzy-Zorp!".

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

    diff --git a/files/ru/web/http/cookies/index.html b/files/ru/web/http/cookies/index.html index f18f00eda4..52e3a21943 100644 --- a/files/ru/web/http/cookies/index.html +++ b/files/ru/web/http/cookies/index.html @@ -68,7 +68,7 @@ Cookie: yummy_cookie=choco; tasty_cookie=strawberry

    Область видимости куков

    -

    Директивы Domain  и Path определяют область видимости куки, то есть те URL'ы, к которым куки могут отсылаться.
    +

    Директивы Domain  и Path определяют область видимости куки, то есть те URL-адреса, к которым куки могут отсылаться.
    Атрибут Domain указывает хосты, на которые отсылаются куки. Если он не задан, то по умолчанию берется доменная часть адреса документа (но без поддоменов).  Если домен указан явно, то поддомены всегда включены.

    Например, если задано Domain=mozilla.org, то куки включены и в поддоменах, например, в developer.mozilla.org.

    diff --git a/files/ru/web/http/headers/content-length/index.html b/files/ru/web/http/headers/content-length/index.html index baefce6314..20c663fb56 100644 --- a/files/ru/web/http/headers/content-length/index.html +++ b/files/ru/web/http/headers/content-length/index.html @@ -57,7 +57,7 @@ original_slug: Web/HTTP/Заголовки/Content-Length

    Браузерная совместимость

    - +

    {{Compat("http.headers.Content-Length")}}

    diff --git a/files/ru/web/http/headers/if-modified-since/index.html b/files/ru/web/http/headers/if-modified-since/index.html index 574931193f..5b6563036e 100644 --- a/files/ru/web/http/headers/if-modified-since/index.html +++ b/files/ru/web/http/headers/if-modified-since/index.html @@ -80,7 +80,7 @@ original_slug: Web/HTTP/Заголовки/If-Modified-Since

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

    - +

    {{Compat("http/headers/if-modified-since")}}

    diff --git a/files/ru/web/http/status/index.html b/files/ru/web/http/status/index.html index ec06ff4477..38b076f287 100644 --- a/files/ru/web/http/status/index.html +++ b/files/ru/web/http/status/index.html @@ -8,7 +8,7 @@ tags: - код ответа HTTP - коды HTTP - ошибки HTTP - - хттп коды ответов + - HTTP-коды ответов translation_of: Web/HTTP/Status ---
    {{HTTPSidebar}}
    diff --git a/files/ru/web/javascript/a_re-introduction_to_javascript/index.html b/files/ru/web/javascript/a_re-introduction_to_javascript/index.html index f2c82c85a0..268fc9985d 100644 --- a/files/ru/web/javascript/a_re-introduction_to_javascript/index.html +++ b/files/ru/web/javascript/a_re-introduction_to_javascript/index.html @@ -895,6 +895,6 @@ y(7); // возвратит 27

    Так что при вызове функции makeAdder создаётся новый объект 'scope' с единственным свойством: a, которому присваивается значение, переданное функции в качестве аргумента.  Потом makeAdder возвращает новую анонимную функцию. В любом другом случае 'сборщик мусора' удалил бы объект scope, но возвращаемая функция ссылается на этот объект. В итоге объект scope не удаляется до тех пор, пока существует хотя бы одна ссылка на него.

    -

    Все объекты scope соединяются в цепочку областей видимости, которая похожа на цепочку прототипов в объектной системе JavaScript'а.

    +

    Все объекты scope соединяются в цепочку областей видимости, которая похожа на цепочку прототипов в объектной системе JavaScript.

    Замыкание это связка из функции и объекта scope, созданного при её вызове. Подробнее о замыканиях здесь.

    diff --git a/files/ru/web/javascript/guide/functions/index.html b/files/ru/web/javascript/guide/functions/index.html index b72cfab871..2093078da0 100644 --- a/files/ru/web/javascript/guide/functions/index.html +++ b/files/ru/web/javascript/guide/functions/index.html @@ -281,7 +281,7 @@ loop(0);

    Также возможно превращение некоторых рекурсивных алгоритмов в нерекурсивные, но часто их логика очень сложна, и для этого потребуется использование стека (stack). По факту рекурсия использует stack: function stack.

    -

    Поведение stack'а можно увидеть в следующем примере:

    +

    Поведение стека можно увидеть в следующем примере:

    function foo(i) {
       if (i < 0)
    diff --git a/files/ru/web/javascript/guide/regular_expressions/character_classes/index.html b/files/ru/web/javascript/guide/regular_expressions/character_classes/index.html
    index 450547e418..353de379a6 100644
    --- a/files/ru/web/javascript/guide/regular_expressions/character_classes/index.html
    +++ b/files/ru/web/javascript/guide/regular_expressions/character_classes/index.html
    @@ -134,7 +134,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions/Character_Classes
     
         
    • Для символов, которые относятся к литералам, последующий символ - это специальный символ, который не должен быть интерпретирован, как литерал. Например, /b/ совпадает с символом "b". Установ обратного слеша перед "b". Таким образом /\b/. Будет означать символ границы слова. 
    • -
    • Для символов, которые относятся к специальным, определяет что это не специальным символ, а должен быть интерпретирован, как литерал. Например, *  - это специальный символ, который означает 0 или любое другое совпадений предыдущего символа, Например /a*/ совпадает с любым количеством символов "a" идущих подряд (или 0 "a") a, aaaa, aaaaaa. Если специальный символ *, как литерал, то перед ним ставится обратных слэш. Например, /a\*/ совпадает только с "a*".
    • +
    • Для символов, которые относятся к специальным, определяет что это не специальным символ, а должен быть интерпретирован, как литерал. Например, *  - это специальный символ, который означает 0 или любое другое совпадений предыдущего символа, Например /a*/ совпадает с любым количеством символов "a" идущих подряд (или 0 "a") a, aaaa, aaaaaa. Если специальный символ *, как литерал, то перед ним ставится обратных слеш. Например, /a\*/ совпадает только с "a*".
    diff --git a/files/ru/web/javascript/guide/regular_expressions/index.html b/files/ru/web/javascript/guide/regular_expressions/index.html index 5ab9fe6e72..1769079e27 100644 --- a/files/ru/web/javascript/guide/regular_expressions/index.html +++ b/files/ru/web/javascript/guide/regular_expressions/index.html @@ -58,9 +58,9 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions Одно из следующего:
    • Для символов обычно обрабатываемых буквально, означает что следующий символ является специальным и не должен интерпретироваться буквально.
    • -
    • Например, /b/ сопоставляется символу 'b'. Добавляя слэш перед b, т.е используя /\b/, символ становится специальным символом, означающим границу слова.
    • +
    • Например, /b/ сопоставляется символу 'b'. Добавляя слеш перед b, т.е используя /\b/, символ становится специальным символом, означающим границу слова.
    • Для символов обычно обрабатываемых особым образом означает, что следующий символ не является специальным и должен интерпретироваться буквально.
    • -
    • Например, * является специальным символом, сопоставляемым 0 или более повторений предыдущего символа; например, /a*/ означает соответствие 0 или более символов а. Для буквальной интерпретации *, поставьте перед ней обратный слэш; например, /a\*/ соответствует 'a*'.
    • +
    • Например, * является специальным символом, сопоставляемым 0 или более повторений предыдущего символа; например, /a*/ означает соответствие 0 или более символов а. Для буквальной интерпретации *, поставьте перед ней обратный слеш; например, /a\*/ соответствует 'a*'.
    • Также не забудьте заэкранировать сам \ при его использовании в записи new RegExp("pattern") поскольку \ также является экранирующим символом в обычных строках.
    @@ -329,7 +329,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions

    Скобки вокруг любой части регулярного выражения означают что эта часть совпадаемой подстроки будет запомнена. Раз запомнена, подстрока может выбрана для использования как это описано в {{ web.link("#Using_Parenthesized_Substring_Matches", "Using Parenthesized Substring Matches") }}.

    -

    Например, паттерн /Chapter (\d+)\.\d*/ включает в себя дополнительные экранирующие и специальные символы и указывает на то, что часть шаблона должна быть запомнена. Он точно соответствует символам слова 'Chapter ', за которыми следует один или более цифровых символов (\d означает любой цифровой символ, а '+' означает 1 или более раз), за которым следует десятичная точка (сама по себе являющаяся специальным символом; предшествующий десятичной точке слэш ' \' означает, что паттерн должен искать литеральный символ '.'), после которой следует любой цифровой символ 0 или более раз ('\d' обозначает цифровой символ, '*' обозначает 0 или более раз). Кроме того, круглые скобки используются для запоминания первых же совпавших цифровых символов. 

    +

    Например, паттерн /Chapter (\d+)\.\d*/ включает в себя дополнительные экранирующие и специальные символы и указывает на то, что часть шаблона должна быть запомнена. Он точно соответствует символам слова 'Chapter ', за которыми следует один или более цифровых символов (\d означает любой цифровой символ, а '+' означает 1 или более раз), за которым следует десятичная точка (сама по себе являющаяся специальным символом; предшествующий десятичной точке слеш ' \' означает, что паттерн должен искать литеральный символ '.'), после которой следует любой цифровой символ 0 или более раз ('\d' обозначает цифровой символ, '*' обозначает 0 или более раз). Кроме того, круглые скобки используются для запоминания первых же совпавших цифровых символов. 

    Этот шаблон будет найден во фразе "Open Chapter 4.3, paragraph 6" и цифра '4' будет запомнена. Но он не будет найден во фразе "Chapter 3 and 4", поскольку эта строка не имеет точки после цифры '3'.

    @@ -623,7 +623,7 @@ console.log(output.join("\n"));

    В след. примере, ожидается что пользователь введет телефонный номер и требуется проверить правильность символов набранных пользователем. Когда пользователь нажмет кнопку "Check", скрипт проверит правильность введенного номера. Если номер правильный (совпадает с символами определенными в регулярном выражении), то скрипт покажет сообщение благодарности для пользователя и подтвердит номер. Если нет, то скрипт проинформирует пользователя, что телефонный номер неправильный.

    -

    Внутри незахватывающих скобок (?:, регуляное выражение ищет три цифры \d{3} ИЛИ |  открывающую скобку \(, затем три цифры \d{3}, затем закрывающую скобку \), (закрывающая незахватывающая скобка )), затем тире, слэш, или десятичная точка, и когда это выражение найдено, запоминает символ ([-\/\.]),  следующие за ним и запомненные три цифры \d{3}, следующее соответствие тире, слеша или десятичной точки \1, и следующие четыре цифры \d{4}.

    +

    Внутри незахватывающих скобок (?:, регуляное выражение ищет три цифры \d{3} ИЛИ |  открывающую скобку \(, затем три цифры \d{3}, затем закрывающую скобку \), (закрывающая незахватывающая скобка )), затем тире, слеш, или десятичная точка, и когда это выражение найдено, запоминает символ ([-\/\.]),  следующие за ним и запомненные три цифры \d{3}, следующее соответствие тире, слеша или десятичной точки \1, и следующие четыре цифры \d{4}.

    Регулярное выражение ищет сначала 0 или одну открывающую скобку \(?, затем три цифры \d{3}, затем 0 или одну закрывающую скобку \)?, потом одно тире, слеш или точка и когда найдет это, запомнит символ([-\/\.]), след. три цифры \d{3}, followed by the remembered match of a dash, forward slash, or decimal point \1, followed by four digits \d{4}.

    diff --git a/files/ru/web/javascript/index.html b/files/ru/web/javascript/index.html index 7a082e292e..d7c70db6d0 100644 --- a/files/ru/web/javascript/index.html +++ b/files/ru/web/javascript/index.html @@ -68,7 +68,7 @@ translation_of: Web/JavaScript
    инструменты для создания масштабируемых и интерактивных веб-приложений. Многие
    -
    современные компании используют ффреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.
    +
    современные компании используют фреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.
    Повторное введение в JavaScript
    Обзор для тех, кто думает, что знает JavaScript.
    diff --git a/files/ru/web/javascript/reference/errors/invalid_const_assignment/index.html b/files/ru/web/javascript/reference/errors/invalid_const_assignment/index.html index 54bbb51f92..d658f57b73 100644 --- a/files/ru/web/javascript/reference/errors/invalid_const_assignment/index.html +++ b/files/ru/web/javascript/reference/errors/invalid_const_assignment/index.html @@ -8,7 +8,7 @@ translation_of: Web/JavaScript/Reference/Errors/Invalid_const_assignment

    Сообщение

    TypeError: недопустимое назначение const "x" (Firefox)
    -TypeError: присвоение переменной константы. (Хромированный)
    +TypeError: присвоение переменной константы. (Chrome)
     TypeError: присвоение const (Edge)
     TypeError: повторное объявление const 'x' (IE)
     
    diff --git a/files/ru/web/javascript/reference/global_objects/array/@@unscopables/index.html b/files/ru/web/javascript/reference/global_objects/array/@@unscopables/index.html index 7637d1d3f5..21aef4509b 100644 --- a/files/ru/web/javascript/reference/global_objects/array/@@unscopables/index.html +++ b/files/ru/web/javascript/reference/global_objects/array/@@unscopables/index.html @@ -64,7 +64,7 @@ Object.keys(Array.prototype[Symbol.unscopables]);

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

    - +

    {{Compat("javascript.builtins.Array.@@unscopables")}}

    diff --git a/files/ru/web/javascript/reference/global_objects/array/flat/index.html b/files/ru/web/javascript/reference/global_objects/array/flat/index.html index 1290cbdf14..f8f27c247b 100644 --- a/files/ru/web/javascript/reference/global_objects/array/flat/index.html +++ b/files/ru/web/javascript/reference/global_objects/array/flat/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/flat - +

    Синтаксис

    diff --git a/files/ru/web/javascript/reference/global_objects/function/name/index.html b/files/ru/web/javascript/reference/global_objects/function/name/index.html index 6beee2a14d..82a59765f2 100644 --- a/files/ru/web/javascript/reference/global_objects/function/name/index.html +++ b/files/ru/web/javascript/reference/global_objects/function/name/index.html @@ -86,7 +86,7 @@ alert(object.someMethod.name); //someMethod }; o.foo.name; // "foo";
    -

    Имена функций после байндинга

    +

    Имена функций после привязки

    {{jsxref("Function.bind()")}} производит функцию, получающую имя "bound  и название самой функции.

    diff --git a/files/ru/web/javascript/reference/global_objects/map/delete/index.html b/files/ru/web/javascript/reference/global_objects/map/delete/index.html index 442bab843d..f9e6cb1cf4 100644 --- a/files/ru/web/javascript/reference/global_objects/map/delete/index.html +++ b/files/ru/web/javascript/reference/global_objects/map/delete/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Map/delete
    {{EmbedInteractiveExample("pages/js/map-prototype-delete.html")}}
    - +

    Синтаксис

    @@ -68,7 +68,7 @@ myMap.has("bar"); // Возвращает false. Элемента "bar" бо

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

    - +

    {{Compat("javascript.builtins.Map.delete")}}

    diff --git a/files/ru/web/javascript/reference/global_objects/map/index.html b/files/ru/web/javascript/reference/global_objects/map/index.html index 1104571ff4..9d0fac93a8 100644 --- a/files/ru/web/javascript/reference/global_objects/map/index.html +++ b/files/ru/web/javascript/reference/global_objects/map/index.html @@ -273,7 +273,7 @@ console.log(merged.get(3)); // three

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

    - +

    {{Compat("javascript.builtins.Map")}}

    diff --git a/files/ru/web/javascript/reference/global_objects/promise/any/index.html b/files/ru/web/javascript/reference/global_objects/promise/any/index.html index 5f14b9632a..339d9f7aad 100644 --- a/files/ru/web/javascript/reference/global_objects/promise/any/index.html +++ b/files/ru/web/javascript/reference/global_objects/promise/any/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/any ---
    {{JSRef}}
    -

    Метод Promise.any() принимает итерируемый объект содержащий объекты "обещаний" {{JSxRef("Promise")}}. Как только одно из "обещаний"(Promise) выполнится успешно(fullfill), метод возвратит единственный объект Promise со значением выполненного "обещания". Если ни одно из "обещаний" не завершится успешно(если все "обещания" завершатся с ошибкой, т.е. rejected), тогда возвращенный объект promise будет отклонен(rejected) с одним из значений: массив содержащий причины ошибки(отклонения), или {{JSxRef("AggregateError")}} — подкласс {{JSxRef("Error")}}, который объединяет выброшенные ошибки вместе. По-существу, метод Promise.any() является противоположностью для {{JSxRef("Promise.all()")}}.

    +

    Метод Promise.any() принимает итерируемый объект содержащий объекты "обещаний" {{JSxRef("Promise")}}. Как только одно из "обещаний"(Promise) выполнится успешно(fullfill), метод возвратит единственный объект Promise со значением выполненного "обещания". Если ни одно из "обещаний" не завершится успешно(если все "обещания" завершатся с ошибкой, т.е. rejected), тогда возвращенный объект promise будет отклонен(rejected) с одним из значений: массив содержащий причины ошибки(отклонения), или {{JSxRef("AggregateError")}} — подкласс {{JSxRef("Error")}}, который объединяет выброшенные ошибки вместе. По существу, метод Promise.any() является противоположностью для {{JSxRef("Promise.all()")}}.

    Warning! The Promise.any() method is experimental and not fully supported by all browsers. It is currently in the TC39 Candidate stage (Stage 3).

    diff --git a/files/ru/web/javascript/reference/global_objects/regexp/@@search/index.html b/files/ru/web/javascript/reference/global_objects/regexp/@@search/index.html index 9ed264146d..4a8dcecc59 100644 --- a/files/ru/web/javascript/reference/global_objects/regexp/@@search/index.html +++ b/files/ru/web/javascript/reference/global_objects/regexp/@@search/index.html @@ -99,7 +99,7 @@ console.log(result); // 3

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

    - +

    {{Compat("javascript.builtins.RegExp.@@search")}}

    diff --git a/files/ru/web/javascript/reference/global_objects/regexp/@@split/index.html b/files/ru/web/javascript/reference/global_objects/regexp/@@split/index.html index 7a6a34cec0..80c4692d97 100644 --- a/files/ru/web/javascript/reference/global_objects/regexp/@@split/index.html +++ b/files/ru/web/javascript/reference/global_objects/regexp/@@split/index.html @@ -56,7 +56,7 @@ console.log(result); // ["2016", "01", "02"]

    Использование @@split в подклассах

    -

    Подклассы {{jsxref("RegExp")}} могут переопределить [@@split]() для изменения дефольтного поведения.

    +

    Подклассы {{jsxref("RegExp")}} могут переопределить [@@split]() для изменения стандартного поведения.

    class MyRegExp extends RegExp {
       [Symbol.split](str, limit) {
    diff --git a/files/ru/web/javascript/reference/global_objects/string/index.html b/files/ru/web/javascript/reference/global_objects/string/index.html
    index bda7ae64c3..3e6609ccce 100644
    --- a/files/ru/web/javascript/reference/global_objects/string/index.html
    +++ b/files/ru/web/javascript/reference/global_objects/string/index.html
    @@ -45,7 +45,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String
       
       
        \\
    -   обратный слэш
    +   обратный слеш
       
       
        \n
    diff --git a/files/ru/web/javascript/reference/global_objects/symbol/search/index.html b/files/ru/web/javascript/reference/global_objects/symbol/search/index.html
    index c1951ba776..2b83cb2dd8 100644
    --- a/files/ru/web/javascript/reference/global_objects/symbol/search/index.html
    +++ b/files/ru/web/javascript/reference/global_objects/symbol/search/index.html
    @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/search
     
     

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

    - +

    {{Compat("javascript.builtins.Symbol.search")}}

    diff --git a/files/ru/web/javascript/reference/global_objects/symbol/unscopables/index.html b/files/ru/web/javascript/reference/global_objects/symbol/unscopables/index.html index ff3b6289e2..0fabfb6577 100644 --- a/files/ru/web/javascript/reference/global_objects/symbol/unscopables/index.html +++ b/files/ru/web/javascript/reference/global_objects/symbol/unscopables/index.html @@ -77,7 +77,7 @@ with (obj) {

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

    - +

    {{Compat("javascript.builtins.Symbol.unscopables")}}

    diff --git a/files/ru/web/javascript/reference/operators/this/index.html b/files/ru/web/javascript/reference/operators/this/index.html index 68f1a69d21..2176ebbdef 100644 --- a/files/ru/web/javascript/reference/operators/this/index.html +++ b/files/ru/web/javascript/reference/operators/this/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Operators/this
    {{EmbedInteractiveExample("pages/js/expressions-this.html")}}
    - +

    Синтаксис

    diff --git a/files/ru/web/javascript/reference/statements/for-await...of/index.html b/files/ru/web/javascript/reference/statements/for-await...of/index.html index 72200e4004..9ed679ace7 100644 --- a/files/ru/web/javascript/reference/statements/for-await...of/index.html +++ b/files/ru/web/javascript/reference/statements/for-await...of/index.html @@ -5,14 +5,13 @@ tags: - JavaScript - async - Асинхронность - - ДжаваСкрипт translation_of: Web/JavaScript/Reference/Statements/for-await...of ---
    {{jsSidebar("Statements")}}

    Выражение for await...of создаёт цикл, проходящий через асинхронные итерируемые объекты, а также синхронные итерируемые сущности, включающие: встроенные {{jsxref("String")}}, {{jsxref("Array")}}, Array-подобные объекты (например., {{jsxref("Functions/arguments", "arguments")}} или {{domxref("NodeList")}}), {{jsxref("TypedArray")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, а также определяемые пользователем асинхронные/синхронные сущности. Он вызывает пользовательский итерационный хук с инструкциями, которые должны быть выполнены для значения каждого отдельного свойства объекта.

    - +

    Синтаксис

    @@ -130,7 +129,7 @@ getResponseSize('https://jsonplaceholder.typicode.com/photos');

    Браузерная совместимость

    - +

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

    diff --git a/files/ru/web/javascript/reference/template_literals/index.html b/files/ru/web/javascript/reference/template_literals/index.html index 158408bb40..03139d5e20 100644 --- a/files/ru/web/javascript/reference/template_literals/index.html +++ b/files/ru/web/javascript/reference/template_literals/index.html @@ -28,7 +28,7 @@ tag `строка текста ${выражение} строка текста`

    Описание

    -

    Шаблонные литералы заключены в обратные кавычки (` `) вместо двойных или одинарных. Они могут содержать подстановки, обозначаемые знаком доллара и фигурными скобками (${выражение}). Выражения в подстановках и текст между ними передаются в функцию. По умолчанию функция просто объединяет все части в строку. Если перед строкой есть выражение (здесь это tag), то шаблонная строка называется "теговым шаблоном". В этом случае, теговое выражение (обычно функция) вызывается с обработанным шаблонным литералом, который вы можете изменить перед выводом. Для экранирования обратной кавычки в шаблонных литералах указывается обратный слэш \.

    +

    Шаблонные литералы заключены в обратные кавычки (` `) вместо двойных или одинарных. Они могут содержать подстановки, обозначаемые знаком доллара и фигурными скобками (${выражение}). Выражения в подстановках и текст между ними передаются в функцию. По умолчанию функция просто объединяет все части в строку. Если перед строкой есть выражение (здесь это tag), то шаблонная строка называется "теговым шаблоном". В этом случае, теговое выражение (обычно функция) вызывается с обработанным шаблонным литералом, который вы можете изменить перед выводом. Для экранирования обратной кавычки в шаблонных литералах указывается обратный слеш \.

    `\`` === '`' // --> true
    @@ -229,7 +229,7 @@ latex`\unicode`

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

    - +

    {{Compat("javascript.grammar.template_literals")}}

    diff --git a/files/ru/web/javascript/typed_arrays/index.html b/files/ru/web/javascript/typed_arrays/index.html index 50cc352993..d55e398573 100644 --- a/files/ru/web/javascript/typed_arrays/index.html +++ b/files/ru/web/javascript/typed_arrays/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Typed_arrays ---
    {{JsSidebar("Advanced")}}
    -

    Типизированные массивы в JavaScript являются массива-подобными объектами, предоставляющими механизм доступа к сырым двоичным данным. Как вы уже можете знать, массив {{jsxref("Array")}} растет и обрезается динамически, и может содержать элементы любого типа JavaScript. Благодаря оптимизациям JavaScript движков, массивы остаются быстрыми. Однако, со временем, веб-приложения становятся все более и более мощными, появляется необходимость работы с аудио- и видео-данными, требуется доступ к сырым данным WebSocket`ов, и так далее. Становится очевидным, что возможность быстрой и эффективной работы с двоичными данными в JavaScript будет очень полезной, для чего типизированные массивы и предназначены.

    +

    Типизированные массивы в JavaScript являются массива-подобными объектами, предоставляющими механизм доступа к сырым двоичным данным. Как вы уже можете знать, массив {{jsxref("Array")}} растет и обрезается динамически, и может содержать элементы любого типа JavaScript. Благодаря оптимизациям JavaScript движков, массивы остаются быстрыми. Однако, со временем, веб-приложения становятся все более и более мощными, появляется необходимость работы с аудио- и видео-данными, требуется доступ к сырым данным WebSocket, и так далее. Становится очевидным, что возможность быстрой и эффективной работы с двоичными данными в JavaScript будет очень полезной, для чего типизированные массивы и предназначены.

    Не следует путать типизированные массивы с обычными массивами: так, например, вызов {{jsxref("Array.isArray()")}} для типизированного массива вернет false. Более того, не все методы, доступные для обычных массивов поддерживаются типизированными массивами (например, push и pop).

    diff --git a/files/ru/web/svg/tutorial/fills_and_strokes/index.html b/files/ru/web/svg/tutorial/fills_and_strokes/index.html index ff0930252e..0ba67eee54 100644 --- a/files/ru/web/svg/tutorial/fills_and_strokes/index.html +++ b/files/ru/web/svg/tutorial/fills_and_strokes/index.html @@ -19,7 +19,7 @@ translation_of: Web/SVG/Tutorial/Fills_and_Strokes

    Кроме того, вы можете задать прозрачность заливке и обводке по отдельности в SVG. Их прозрачность управляется атрибутами fill-opacity, stroke-opacity.

    -
    Замечание: в Файрфокс 3+ допустимы rgba-значения и это даёт такой же эффект прозрачности, но для совместимости с другими просмотрщиками часто лучше определить прозрачность обводки/заливки отдельно. Если вы укажете и rgba-значение и значение fill-opacity/stroke-opacity - будут применены оба.
    +
    Замечание: в Firefox 3+ допустимы rgba-значения и это даёт такой же эффект прозрачности, но для совместимости с другими просмотрщиками часто лучше определить прозрачность обводки/заливки отдельно. Если вы укажете и rgba-значение и значение fill-opacity/stroke-opacity - будут применены оба.

    Обводка (Stroke)

    diff --git a/files/ru/web/svg/tutorial/paths/index.html b/files/ru/web/svg/tutorial/paths/index.html index 2b6b81d983..ba35db7a9a 100644 --- a/files/ru/web/svg/tutorial/paths/index.html +++ b/files/ru/web/svg/tutorial/paths/index.html @@ -187,7 +187,7 @@ translation_of: Web/SVG/Tutorial/Paths

    Пример показывает элемент path, который проходит по странице диагонально. В центре этого элемента вырезаны две эллиптические дуги (радиус x = 30, радиус y = 50). В первой дуге параметр x-asix-rotation = 0, а это означает, что эллипс, по которому проходит дуга (показан серым) расположен вертикально. Во второй дуге параметр x-asix-rotation = -45. Это поворачивает эллипс так, что направление его малой оси совпадает с направлением пути, как это видно на рисунке выше.

    -

    Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - large-arc-flag. Он определяет, должна ли дуга быть больше или меньше 180 гградусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - sweep-flag. Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.

    +

    Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - large-arc-flag. Он определяет, должна ли дуга быть больше или меньше 180 градусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - sweep-flag. Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.

    Show the 4 arcs on the Ellipse example

    @@ -208,7 +208,7 @@ translation_of: Web/SVG/Tutorial/Paths

    Если start->end точки расположены далеко и не попадают в пределы градусов эллипсов по x и y, то в этом случае радиусы эллипсов будут увеличены до величины, нужной чтобы достичь точек start->end. Интерактивный codepen внизу этой страницы наглядно это демонстрирует. Для определения достаточны ли велики радиусы ваших эллипсов чтобы требовать увеличения, вам нужно решить систему уравнений подобную этой на wolfram alpha. Это вычисление для non-rotated эллипса с start->end (110, 215)->(150.71, 170.29). Решением, (x, y), является центр эллипса(ов). Следующее вычисление для non-rotated эллипса с start->end (110, 215)->(162.55, 162.45). Решение будет мнимым если радиусы ваших эллипсов слишком малы. Решение содержит небольшой мнимый компонент потому, что эллипсы были лишь слегка расширены.

    -

    Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - large-arc-flag. Он определяет, должна ли дуга быть больше или меньше 180 гградусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - sweep-flag. Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.

    +

    Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - large-arc-flag. Он определяет, должна ли дуга быть больше или меньше 180 градусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - sweep-flag. Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.

    @@ -229,6 +229,6 @@ translation_of: Web/SVG/Tutorial/Paths

    Последние два аргумента, если вы ещё не догадались, обозначают координаты x и y, где заканчивается дуга. Дуги - лёгкий способ создавать части кругов или эллипсов в ваших рисунках. Например, круговая диаграмма требует отдельную дугу для каждого куска диаграммы.

    -

    Если вы переходите в SVG из Canvas`а, дуги могут быть самой трудной вещью для изучения, но они также очень мощные. Т.к. начальная и конечные точки для любого пути, обходящего круг, одно и то же место, существует бесконечное количество кругов, которые могут быть выбраны и действительный путь не определен. Возможно приблизить их, сделав начальную и конечную точку пути слегка разными и соединив их с другими сегментами пути. В этой точке, часто проще использовать настоящий круг или эллипс. Это интерактивное демо может помочь понять основные принципы SVG-дуг: http://codepen.io/lingtalfi/pen/yaLWJG (протестировано только в Хром и Файрфокс, может не работать в вашем браузере)

    +

    Если вы переходите в SVG из Canvas`а, дуги могут быть самой трудной вещью для изучения, но они также очень мощные. Т.к. начальная и конечные точки для любого пути, обходящего круг, одно и то же место, существует бесконечное количество кругов, которые могут быть выбраны и действительный путь не определен. Возможно приблизить их, сделав начальную и конечную точку пути слегка разными и соединив их с другими сегментами пути. В этой точке, часто проще использовать настоящий круг или эллипс. Это интерактивное демо может помочь понять основные принципы SVG-дуг: http://codepen.io/lingtalfi/pen/yaLWJG (протестировано только в Chrome и Firefox, может не работать в вашем браузере)

    {{ PreviousNext("Web/SVG/Tutorial/Basic_Shapes", "Web/SVG/Tutorial/Fills_and_Strokes") }}

    diff --git a/files/ru/web/tutorials/index.html b/files/ru/web/tutorials/index.html index 516dc45c82..2079a9e828 100644 --- a/files/ru/web/tutorials/index.html +++ b/files/ru/web/tutorials/index.html @@ -148,7 +148,7 @@ translation_of: Web/Tutorials
    CSS Challenges (Wikiversity)
    Улучшите ваши навыки CSS, и обратите внимание на то, где вам нужно больше практики.
    Intermediate CSS Concepts (HTML.net)
    -
    Группировка, псевдо-классы и многое другое.
    +
    Группировка, псевдоклассы и многое другое.
    CSS Positioning 101 (A List Apart)
    Использование позиционирования в соответствии со стандартами, без использования таблиц.
    Progressive Enhancement with CSS (A List Apart)
    -- cgit v1.2.3-54-g00ecf