diff options
Diffstat (limited to 'files/ru/web')
106 files changed, 180 insertions, 182 deletions
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 <dl> <dt>{{domxref("AbortController.AbortController()")}}</dt> - <dd>Создает новый инстанс объекта <code>AbortController</code>.</dd> + <dd>Создает новый экземпляр <code>AbortController</code>.</dd> </dl> <h2 id="Свойства">Свойства</h2> <dl> <dt>{{domxref("AbortController.signal")}} {{readonlyInline}}</dt> - <dd>Возвращает инстанс объекта {{domxref("AbortSignal")}}, который может быть использован для коммуникаций/останова DOM запросов.</dd> + <dd>Возвращает экземпляр {{domxref("AbortSignal")}}, который может быть использован для коммуникаций/останова DOM запросов.</dd> </dl> <h2 id="Методы">Методы</h2> 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() { <h3 id="Особенности_Gecko">Особенности Gecko</h3> <ul> - <li>Браузеры на основе Gecko, например Firefox, имеют не стандандартное и устаревшее свойство <code>ctx.mozTextStyle</code>. Используйте <code>ctx.font</code> вместо него.</li> + <li>Браузеры на основе Gecko, например Firefox, имеют не стандартное и устаревшее свойство <code>ctx.mozTextStyle</code>. Используйте <code>ctx.font</code> вместо него.</li> <li>In Gecko, when setting a system font as the value of a canvas 2D context's {{domxref("CanvasRenderingContext2D.font", "font")}} (e.g., <code>menu</code>), getting the font value used to fail to return the expected font (it returns nothing). This is fixed in Firefox's <a href="https://wiki.mozilla.org/Quantum/Stylo">Quantum/Stylo</a> parallel CSS engine, released in Firefox 57 ({{bug(1374885)}}).</li> </ul> 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"); <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> <div> -<div class="hidden">Таблица совместимости сгенерирована из структурированных данных. Для внесения вклада, пожалуйста, изучите репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> с последующей отправкой пул-реквестов.</div> +<div class="hidden">Таблица совместимости сгенерирована из структурированных данных. Для внесения вклада, пожалуйста, изучите репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> с последующей отправкой пулреквестов.</div> <p>{{Compat("api.Console.timeLog")}}</p> </div> 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 <h3 id="effectAllowed.28.29" name="effectAllowed.28.29">effectAllowed</h3> -<p>Определяет эффекты, которые разрешены для этого перетаскивания (дрэг). Вы можете указать их в событии <code>dragstart </code>чтобы желаемый эффект сработал на перетаскиваемом элементе (что перетаскиваем), или в событии <code>dragenter </code>и<code> dragenter </code>чтобы желаемый эффект сработал для цели перетаскивания (куда перетаскиваем). В других событиях значение не используется.</p> +<p>Определяет эффекты, которые разрешены для этого перетаскивания. Вы можете указать их в событии <code>dragstart </code>чтобы желаемый эффект сработал на перетаскиваемом элементе (что перетаскиваем), или в событии <code>dragenter </code>и<code> dragenter </code>чтобы желаемый эффект сработал для цели перетаскивания (куда перетаскиваем). В других событиях значение не используется.</p> <p>Возможные значения:</p> 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" <h2 id="Notes" name="Notes">Примечания</h2> -<p><strong><code>document.body</code></strong> это элемент, который включает в себя содержимое страницы. На страницах с <code><body></code> вернётся элемент <code><body></code>, а с frameset'ом - элемент <code><frameset></code>.</p> +<p><strong><code>document.body</code></strong> это элемент, который включает в себя содержимое страницы. На страницах с <code><body></code> вернётся элемент <code><body></code>, а с frameset - элемент <code><frameset></code>.</p> <p><strong><code>body</code></strong> может быть заменено, но это удалит все его дочерние элементы.</p> 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 <p><code><strong>id</strong></code> часто используется с {{domxref("document.getElementById", "getElementById")}}, чтобы получить нужный элемент. Часто применяют <a href="/ru/docs/Web/CSS/ID_selectors" title="Web/CSS/ID_selectors">ID как селектор</a>, для стилизации документа, с помощью <a href="r u/docs/Web/CSS" title="CSS">CSS</a>.</p> <div class="note"> -<p><span style="font-size: 14px; line-height: 21px;"><strong>Замечание</strong></span>: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите <a href="/ru/docs/Case_Sensitivity_in_class_and_id_Names" title="Case_Sensitivity_in_class_and_id_Names">Чувствительность к регистру в классах и id'шниках</a>).</p> +<p><span style="font-size: 14px; line-height: 21px;"><strong>Замечание</strong></span>: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите <a href="/ru/docs/Case_Sensitivity_in_class_and_id_Names" title="Case_Sensitivity_in_class_and_id_Names">Чувствительность к регистру в классах и идентификаторов</a>).</p> </div> <h2 id="Syntax" name="Syntax">Синтаксис</h2> 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></pre> -<p>В нашем JavaScript файле мы получаем ссылку {{htmlelement("span")}}, показанную выше, а затем регестрием ссылку на имя соответствующего элемента <code><slot></code>.</p> +<p>В нашем JavaScript файле мы получаем ссылку {{htmlelement("span")}}, показанную выше, а затем регистрируем ссылку на имя соответствующего элемента <code><slot></code>.</p> <pre class="brush: js">let slottedSpan = document.querySelector('my-paragraph span') console.log(slottedSpan.slot); // logs <span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="objectBox objectBox-string">'my-text'</span></span></span></span></pre> 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 <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/Reference/Events" title="/en-US/docs/Web/Reference/Events">Event reference</a> - доступные ивенты на платформе.</li> + <li><a href="/en-US/docs/Web/Reference/Events" title="/en-US/docs/Web/Reference/Events">Event reference</a> - доступные события на платформе.</li> <li><a href="/en-US/docs/Web/Guide/DOM/Events" title="/en-US/docs/Web/Guide/DOM/Events">Event developer guide</a></li> <li>{{domxref("Event")}} interface</li> </ul> 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 </table> </div> -<p>[1] До Gecko 2.0 beta 7 (Firefox 4.0 beta 7), все {{domxref("Blob")}} параметры были {{domxref("File")}} параметрами; были произведены изменения<span id="result_box" lang="ru"><span class="alt-edited"> для</span> <span class="alt-edited">удовлетворения условий</span> <span class="alt-edited">спецификации</span></span>. До Gecko 13.0 {{geckoRelease("13.0")}}<code> свойство FileReader.error</code> возвращало объект {{domxref("FileError")}}. Этот интерфейс был удален и теперь <code>FileReader.error</code> возвращает объект {{domxref("DOMError")}} как это определено в последнем драфте FileAPI.</p> +<p>[1] До Gecko 2.0 beta 7 (Firefox 4.0 beta 7), все {{domxref("Blob")}} параметры были {{domxref("File")}} параметрами; были произведены изменения<span id="result_box" lang="ru"><span class="alt-edited"> для</span> <span class="alt-edited">удовлетворения условий</span> <span class="alt-edited">спецификации</span></span>. До Gecko 13.0 {{geckoRelease("13.0")}}<code> свойство FileReader.error</code> возвращало объект {{domxref("FileError")}}. Этот интерфейс был удален и теперь <code>FileReader.error</code> возвращает объект {{domxref("DOMError")}} как это определено в последнем черновике FileAPI.</p> <p>[2] IE9 имеет <a href="http://html5labs.interoperabilitybridges.com/prototypes/fileapi/fileapi/info">File API Lab</a>.</p> 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 <dt>{{domxref("HTMLAreaElement.hreflang")}}</dt> <dd>Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("hreflang", "area") }} HTML атрибут, показывающий язык связанного с ним ресурса.</dd> <dt>{{domxref("HTMLAreaElement.media")}}</dt> - <dd>Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("media", "area") }} HTML атрибут, показывающий целевое mediaсвязанного с ним ресурса.</dd> + <dd>Это {{domxref("DOMString")}} содержание которого отображает {{ htmlattrxref("media", "area") }} HTML атрибут, показывающий целевое media, связанного с ним ресурса.</dd> <dt>{{domxref("HTMLAreaElement.noHref")}} {{obsolete_inline}}</dt> <dd>Это {{domxref("Boolean")}} флаг показывающий, если зона неактивна (<code>true</code>) или активна (<code>false</code>).</dd> <dt>{{domxref("URLUtils.password")}}</dt> 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 <dl> <dt>{{domxref("ImageData.ImageData", "ImageData()")}} {{experimental_inline}}</dt> - <dd>Создаёт ImageData из указанного {{jsxref("Uint8ClampedArray")}} и из размера изображения которого он содержит. Если массив не указан, то он создаёт изображение чёрного прямоугольника. Обратите внимание, что такой довольно распространённый путь создания подобного объекта в worker'ах как {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}} там не доступен.</dd> + <dd>Создаёт ImageData из указанного {{jsxref("Uint8ClampedArray")}} и из размера изображения которого он содержит. Если массив не указан, то он создаёт изображение чёрного прямоугольника. Обратите внимание, что такой довольно распространённый путь создания подобного объекта в воркерах как {{domxref("CanvasRenderingContext2D.createImageData", "createImageData()")}} там не доступен.</dd> </dl> <h2 id="Свойства">Свойства</h2> 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 <li>Изучения большего о терминах в IndexedDB, смотри секцию <a href="#definitions">Definitions</a>.</li> <li>Детального руководства как использовать API, смотри <a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB" title="en/IndexedDB/IndexedDB primer">Using IndexedDB</a>.</li> <li>Рекомендованной документации по IndexedDB API, ссылаясь на основные статьи по <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB API</a> и его подстраницы, описывающие, какие типы объектов используются в IndexedDB.</li> - <li>Получения больше информации о том, как браузер управляет сохранением данных в бекграунде, читай <a href="/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria">Browser storage limits and eviction criteria</a>.</li> + <li>Получения больше информации о том, как браузер управляет сохранением данных в фоновом режиме, читай <a href="/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria">Browser storage limits and eviction criteria</a>.</li> </ul> <h2 id="Обзор_IndexedDB">Обзор IndexedDB</h2> 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 <dl> <dt><code>callback</code></dt> - <dd>Вызывается при каждом изменении DOM-элемента. Обзёрвер вызывает данную функцию с двумя аргументами. Первым аргументом является массив объектов <a href="/en-US/docs/Web/API/MutationRecord">MutationRecord</a>, вторым аргументом является экземпляр <code>MutationObserver.</code></dd> + <dd>Вызывается при каждом изменении DOM-элемента. Наблюдатель вызывает данную функцию с двумя аргументами. Первым аргументом является массив объектов <a href="/en-US/docs/Web/API/MutationRecord">MutationRecord</a>, вторым аргументом является экземпляр <code>MutationObserver.</code></dd> </dl> <h2 id="Методы_экземпляра">Методы экземпляра</h2> 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 <p>Закрыто. Соединение закрыто.</p> <div class="note"> - <p><strong>Примечание :</strong> Это значение перенесено в перечисление <a href="#RTCPeerConnectionState_enum"><code>RTCPeerConnectionState</code></a> в драфте от 13 мая 2016, поскольку оно отражает статус соединения <code>RTCPeerConnection</code>, а не статус сигнализации. Теперь, для проверки закрытия соединения нужно проверять статус {{domxref("RTCPeerConnection.connectionState", "connectionState")}} на значение <code>"closed"</code> .</p> + <p><strong>Примечание :</strong> Это значение перенесено в перечисление <a href="#RTCPeerConnectionState_enum"><code>RTCPeerConnectionState</code></a> в черновике от 13 мая 2016, поскольку оно отражает статус соединения <code>RTCPeerConnection</code>, а не статус сигнализации. Теперь, для проверки закрытия соединения нужно проверять статус {{domxref("RTCPeerConnection.connectionState", "connectionState")}} на значение <code>"closed"</code> .</p> </div> </td> </tr> 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 <p>Service worker — это событийно-управляемый <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">worker</a>, регистрируемый на уровне источника и пути. Он представляет собой JavaScript-файл, который может контролировать веб-страницу/сайт, с которым он ассоциируется, перехватывать и модифицировать запросы навигации и ресурсов, очень гибко кешировать ресурсы, для того чтобы предоставить вам полный контроль над тем, как приложение ведет себя в определенных ситуациях (например, когда сеть не доступна).</p> -<p>Service worker запускается в контексте worker'ов, поэтому он не имеет доступа к DOM и работает в потоке отдельном от основного потока JavaScript, управляющего вашим приложением, а следовательно — не блокирует его. Он призван быть полностью асинхронным; как следствие, синхронные API, такие как <a href="/en-US/docs/Web/API/XMLHttpRequest">XHR</a> и <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage">localStorage</a>, в Service Worker'е использовать нельзя.</p> +<p>Service worker запускается в контексте воркеров, поэтому он не имеет доступа к DOM и работает в потоке отдельном от основного потока JavaScript, управляющего вашим приложением, а следовательно — не блокирует его. Он призван быть полностью асинхронным; как следствие, синхронные API, такие как <a href="/en-US/docs/Web/API/XMLHttpRequest">XHR</a> и <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage">localStorage</a>, в Service Worker'е использовать нельзя.</p> <p>Из соображений безопасности service worker'ы работают только по HTTPS (либо, в целях разработки, на <code>localhost</code>). Давать сторонним людям возможность изменять сетевые запросы крайне опасно. Кроме того, Service Worker API недоступен в <a href="https://support.mozilla.org/ru/kb/privatnyj-prosmotr-prosmotr-veb-stranic-bez-sohran">режиме приватного просмотра</a> браузера Firefox.</p> @@ -53,11 +53,11 @@ translation_of: Web/API/Service_Worker_API <p>После этого он будет загружаться каждые 24 часа или около того. Он <em>может</em> загружаться и чаще, но он <strong>должен</strong> загружаться как минимум каждые 24 часа, чтобы предотвратить использование старой версии кода клиентом.</p> -<p>Установка производится в случае если загружаемый файл признается новым — либо отличным от уже установленного service worker (определяется через побайтовое сравнение), либо первым устанавливаемым service worker'ом для этой страницы/сайта.</p> +<p>Установка производится в случае если загружаемый файл признается новым — либо отличным от уже установленного service worker (определяется через побайтовое сравнение), либо первым устанавливаемым service воркером для этой страницы/сайта.</p> <p>Если это первый раз, когда service worker оказался доступен, будет проведена установка, а после успешного ее завершения — активация.</p> -<p>Если service worker уже существует, новая версия устанавливается в фоновом режиме, но не активируется — worker переходит в состояние <em>в ожидании</em>. Новая версия активируется только тогда, когда больше не останется загруженных страниц, использующих старый service worker. Как только это случится, новый service worker активируется (станет <em>активным worker'ом</em>). Активация может произойти раньше при использовании {{domxref ("ServiceWorkerGlobalScope.skipWaiting()")}}, а существующие страницы могут быть переведены под контроль активного воркера с помощью {{domxref ("Clients.claim()")}}.</p> +<p>Если service worker уже существует, новая версия устанавливается в фоновом режиме, но не активируется — worker переходит в состояние <em>в ожидании</em>. Новая версия активируется только тогда, когда больше не останется загруженных страниц, использующих старый service worker. Как только это случится, новый service worker активируется (станет <em>активным воркером</em>). Активация может произойти раньше при использовании {{domxref ("ServiceWorkerGlobalScope.skipWaiting()")}}, а существующие страницы могут быть переведены под контроль активного воркера с помощью {{domxref ("Clients.claim()")}}.</p> <p>Вы можете подписаться на {{domxref("InstallEvent")}}; для того чтобы подготовить ваш service worker к использованию, к примеру, чтобы создать кеш при помощи встроенного API хранилища и разместить внутри него данные, которые вам необходимы в вашем приложении для работы офлайн.</p> @@ -102,7 +102,7 @@ translation_of: Web/API/Service_Worker_API <dt>{{domxref("CacheStorage") }}</dt> <dd>Представляет хранилище для объектов {{domxref("Cache")}}. Он создает главную директорию для всех именованных кешей, к которым {{domxref("ServiceWorker")}} имеет доступ, и поддерживает отображение строковых имен соответствующего объекта {{domxref("Cache")}}.</dd> <dt>{{domxref("Client") }}</dt> - <dd>Представляет область видимости клиента service worker. Это либо документ в контексте браузера, либо {{domxref("SharedWorker")}}, который контролируется активным worker'ом.</dd> + <dd>Представляет область видимости клиента service worker. Это либо документ в контексте браузера, либо {{domxref("SharedWorker")}}, который контролируется активным воркером.</dd> <dt>{{domxref("Clients") }}</dt> <dd>Представляет контейнер для списка объектов {{domxref("Client")}}; основной способ получить доступ к клиентам активного service worker'а текущего источника.</dd> <dt>{{domxref("ExtendableEvent") }}</dt> @@ -120,7 +120,7 @@ translation_of: Web/API/Service_Worker_API <dt>{{domxref("ServiceWorker") }}</dt> <dd>Представляет service worker. Несколько контекстов браузера (страницы, worker'ы, и т.д.) могут быть ассоциированы с одним объектом <code>ServiceWorker</code>.</dd> <dt>{{domxref("ServiceWorkerContainer") }}</dt> - <dd>Предоставляет объект, описывающий service worker как общий блок в экосистеме сети, включая возможность регистрировать, отключать и обновлять service worker'ы, и предоставляет доступ к состоянию текущего и других зарегистрированных service worker'ов.</dd> + <dd>Предоставляет объект, описывающий service worker как общий блок в экосистеме сети, включая возможность регистрировать, отключать и обновлять service worker'ы, и предоставляет доступ к состоянию текущего и других зарегистрированных service воркеров.</dd> <dt>{{domxref("ServiceWorkerGlobalScope") }}</dt> <dd>Представляет глобальный контекст исполнения service worker'а.</dd> <dt>{{domxref("ServiceWorkerMessageEvent")}}</dt> @@ -134,7 +134,7 @@ translation_of: Web/API/Service_Worker_API <dt>{{domxref("SyncManager")}} {{non-standard_inline}}</dt> <dd>Обеспечивает интерфейс регистрации и перечисления синхронных регистрации.</dd> <dt>{{domxref("WindowClient") }}</dt> - <dd>Представляет область видимости клиентского service worker'а, представленного в виде документа в контакте браузера, контролируемого активным worker'ом. Это особый тип объекта {{domxref("Client")}} с некоторыми дополнительными методами и свойствами.</dd> + <dd>Представляет область видимости клиентского service worker'а, представленного в виде документа в контакте браузера, контролируемого активным воркером. Это особый тип объекта {{domxref("Client")}} с некоторыми дополнительными методами и свойствами.</dd> </dl> <h2 id="Спецификации_характеристики">Спецификации (характеристики)</h2> 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) => { <p>Также обратите внимание:</p> <ul> - <li>В сервис-воркер будут попадать только те запросы, которые соответствуют его scope.</li> - <li>Максимальная видимость scope сервис-воркера равна его location.</li> - <li>Если ваш сервис-воркер работает на клиенте, которому был передан заголовок <code>Service-Worker-Allowed</code>, вы можете указать список максимальных scope'ов для этих воркеров.</li> + <li>В сервис-воркер будут попадать только те запросы, которые соответствуют его области видимости.</li> + <li>Максимальная область видимость сервис-воркера равна его location.</li> + <li>Если ваш сервис-воркер работает на клиенте, которому был передан заголовок <code>Service-Worker-Allowed</code>, вы можете указать список максимальных областей видимости для этих воркеров.</li> </ul> <h3 id="Установка_и_активация_заполнение_кеша">Установка и активация: заполнение кеша</h3> 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; <h2 id="Заключение">Заключение</h2> -<p>Таковы основные особенности веб-анимации API, большинство из которых уже поддерживается в последних версиях Firefox и Chrome. К этому моменту вы должны быть готовы к "прыжку в кроличью нору" анимации в браузере и готовы написать свои собственные эксперименты в анимации! Если вы используете API и хотите поделиться, попробуйте использовать хэштег #WAAPI. Мы будем следить и писать другие учебники, чтобы охватить будущие дополнительные функции, в виде поддержки распространяя!</p> +<p>Таковы основные особенности веб-анимации API, большинство из которых уже поддерживается в последних версиях Firefox и Chrome. К этому моменту вы должны быть готовы к "прыжку в кроличью нору" анимации в браузере и готовы написать свои собственные эксперименты в анимации! Если вы используете API и хотите поделиться, попробуйте использовать хештег #WAAPI. Мы будем следить и писать другие учебники, чтобы охватить будущие дополнительные функции, в виде поддержки распространяя!</p> <h2 id="Посмотрите_также">Посмотрите также</h2> 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 --- <div class="summary"> -<p>Одна из самых интересных фич Web Audio API — возможность извлекать частоту, форму волны и другие данные из звукового источника, которые могут быть использованы для создания визуализаций. Эта статья объясняет, как это можно сделать, и приводит несколько базовых юзкейсов.</p> +<p>Одна из самых интересных фич Web Audio API — возможность извлекать частоту, форму волны и другие данные из звукового источника, которые могут быть использованы для создания визуализаций. Эта статья объясняет, как это можно сделать, и приводит несколько базовых примеров использования.</p> </div> <div class="note"> 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 <p>Обе функции доступны через {{domxref("Window.sessionStorage")}} и {{domxref("Window.localStorage")}} свойства (если быть более точным, в браузерах, поддерживающих хранилища объект <code>Window</code> выполняет объекты <code>WindowLocalStorage</code> и <code>WindowSessionStorage</code>, которые содержат свойства <code>localStorage</code> и <code>sessionStorage</code>) — вызов одного из них создает представление объекта {{domxref("Storage")}}, через который можно устанавливать, редактировать и удалять данные. Для каждого из типа хранилищ и по каждому домену используется отдельное представление Storage объекта - они функционируют и управляются отдельно друг от друга. </p> <div class="note"> -<p><strong>Замечание: </strong>Начиная с версии 45 Firefox, когда браузер крашится/перезагружается, объем данных, сохраненных для каждого источника, ограничивается 10 МБ. Это было сделано, чтобы избежать проблем с памятью, вызванных чрезмерным использованием веб-хранилища.</p> +<p><strong>Замечание: </strong>Начиная с версии 45 Firefox, когда браузер прекращает работу/перезагружается, объем данных, сохраненных для каждого источника, ограничивается 10 МБ. Это было сделано, чтобы избежать проблем с памятью, вызванных чрезмерным использованием веб-хранилища.</p> </div> <div class="note"> 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 <p><strong>Workers run in another global context, {{domxref("DedicatedWorkerGlobalScope")}} different from the current window</strong>. By default methods and properties of {{domxref("Window")}} are not available to them, but {{domxref("DedicatedWorkerGlobalScope")}}, like <code>Window</code>, implements {{domxref("WindowTimers")}} and {{domxref("WindowBase64")}}.</p> -<h2 id="Сравнение_свойств_и_методов_различных_типов_worker'ов">Сравнение свойств и методов различных типов worker'ов</h2> +<h2 id="Сравнение_свойств_и_методов_различных_типов_worker'ов">Сравнение свойств и методов различных типов воркеров</h2> <table class="standard-table"> <tbody> 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 <div>{{WebGLSidebar}}</div> <div class="summary"> -<p><a class="external" href="http://www.khronos.org/webgl/" title="http://www.khronos.org/webgl/">WebGL</a> позволяет использовать API, основанную на <a class="external" href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0 для осуществления 3D рендеринга в HTML {{HTMLElement("canvas")}} в браузерах, которые его поддерживают без использования плагинов. WebGL программы состоят из программ, написанных на JavaScript, и специального кода шейдеров, который выполняется на видеокарте. WebGL элементы могут использоваться с HTML элементами и скомпонованы с другими частями страницы или бэкграунда страницы.</p> +<p><a class="external" href="http://www.khronos.org/webgl/" title="http://www.khronos.org/webgl/">WebGL</a> позволяет использовать API, основанную на <a class="external" href="http://www.khronos.org/opengles/" title="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0 для осуществления 3D рендеринга в HTML {{HTMLElement("canvas")}} в браузерах, которые его поддерживают без использования плагинов. WebGL программы состоят из программ, написанных на JavaScript, и специального кода шейдеров, который выполняется на видеокарте. WebGL элементы могут использоваться с HTML элементами и скомпонованы с другими частями страницы или фона страницы.</p> </div> <p><span class="seoSummary">В этом руководстве с нуля рассказывается о том, как использовать элемент<code><canvas></code> для отрисовки WebGL. Предоставленные примеры помогут вам понять, как можно использовать WebGL, также вы сможете использовать код из примеров как сниппеты для ваших разработок.</span></p> 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 <pre class="brush: js notranslate">window.addEventListener('beforeunload', (event) => { // Отмените событие, как указано в стандарте. event.preventDefault(); - // Хром требует установки возвратного значения. + // Chrome требует установки возвратного значения. event.returnValue = ''; }); </pre> 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 <dt>{{domxref("Window.applicationCache")}} {{readOnlyInline}} {{gecko_minversion_inline("1.9")}}</dt> <dd>Объект {{domxref("OfflineResourceList")}}, обеспечивающий для окна доступ к ресурсам вне сети.</dd> <dt>{{domxref("Window.closed")}} {{Non-standard_inline}}{{readOnlyInline}}</dt> - <dd>Свойство, указывающее ббыло ли текущее окно закрыто или нет.</dd> + <dd>Свойство, указывающее было ли текущее окно закрыто или нет.</dd> <dt>{{domxref("Window.Components")}} {{Non-standard_inline}}</dt> <dd>Точка доступа к богатому функционалу <a href="/en-US/docs/XPCOM">XPCOM</a>. Некоторые свойства, т.к. <a href="/en-US/docs/Components.classes">classes</a>, доступны только для достаточно привелегированного кода. <strong>Web-код не должен использовать эти свойства.</strong></dd> <dt>{{domxref("console","Window.console")}} {{Non-standard_inline}} {{ReadOnlyInline}}</dt> @@ -49,7 +49,7 @@ translation_of: Web/API/Window <dt>{{domxref("Window.fullScreen")}} {{gecko_minversion_inline("1.9")}}</dt> <dd>Это свойство указывает, отображается ли окно в полноэкранном режиме или нет.</dd> <dt>{{domxref("Window.globalStorage")}} {{gecko_minversion_inline("1.8.1")}} {{Non-standard_inline}} {{Obsolete_inline("gecko13")}}</dt> - <dd>Не поддерживает с Gecko 13 (Firefox 13). Использовать вместо него{{domxref("Window.localStorage")}}. Ббыло: Множественные объекты хранения, которые используются для хранения данных на нескольких страницах.</dd> + <dd>Не поддерживает с Gecko 13 (Firefox 13). Использовать вместо него{{domxref("Window.localStorage")}}. Было: Множественные объекты хранения, которые используются для хранения данных на нескольких страницах.</dd> <dt>{{domxref("Window.history")}} {{ReadOnlyInline}}</dt> <dd>Возвращает ссылку на объект истории.</dd> <dt>{{domxref("Window.innerHeight")}}</dt> @@ -333,7 +333,7 @@ translation_of: Web/API/Window <dt>{{domxref("Window.ondevicelight")}}</dt> <dd>Свойство обработчика событий для отслеживания изменения уровня света.</dd> <dt>{domxref("Window.ondevicemotion")}} {{gecko_minversion_inline("6.0")}}</dt> - <dd>Вызывается, если ббыло определено изменение акселерометра (для мобильных устройств).</dd> + <dd>Вызывается, если было определено изменение акселерометра (для мобильных устройств).</dd> <dt>{{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}</dt> <dd>Вызывается, когда была изменена ориентация (для мобильных устройств).</dd> <dt>{{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}</dt> @@ -349,7 +349,7 @@ translation_of: Web/API/Window <dt>{{domxref("Window.onappinstalled")}}</dt> <dd>Вызывается, когда страница установлена, как приложение. Смотри {{event('appinstalled')}} событие.</dd> <dt>{{domxref("Window.oninput")}}</dt> - <dd>Вызывается, когда значение элемента <input> ббыло изменено.</dd> + <dd>Вызывается, когда значение элемента <input> было изменено.</dd> <dt>{{domxref("GlobalEventHandlers.onkeydown")}}</dt> <dd>Свойство обработчика событий для события {{event("keydown")}} в окне.</dd> <dt>{{domxref("GlobalEventHandlers.onkeypress")}}</dt> @@ -375,9 +375,9 @@ translation_of: Web/API/Window <dt>{{domxref("Window.onmozbeforepaint")}} {{gecko_minversion_inline("2.0")}}</dt> <dd>Свойство обработчика событий для события <code>MozBeforePaint</code>, которое присылается прежде чем окно будет перерисовано, если событие необходимо из-за вызова метода {{domxref("Window.mozRequestAnimationFrame()")}}.</dd> <dt>{{domxref("WindowEventHandlers.onoffline")}}</dt> - <dd>Вызывается, когда ббыло потеряно соединение с сетью. Смотри событие {{event("offline")}}.</dd> + <dd>Вызывается, когда было потеряно соединение с сетью. Смотри событие {{event("offline")}}.</dd> <dt>{{domxref("WindowEventHandlers.ononline")}}</dt> - <dd>Вызывается, когда соединение с сетью ббыло установлено. Смотри событие {{event("online")}}.</dd> + <dd>Вызывается, когда соединение с сетью было установлено. Смотри событие {{event("online")}}.</dd> <dt>{{domxref("WindowEventHandlers.onpageshow")}}</dt> <dd>Свойство обработчика событий для события pageshow в окне.</dd> <dt>{{domxref("WindowEventHandlers.onpagehide")}}</dt> @@ -409,9 +409,9 @@ translation_of: Web/API/Window <dt>{{domxref("Window.onuserproximity")}}</dt> <dd>Свойство обработчика событий для события изменения близости пользователя к устройству.</dd> <dt>{{domxref("Window.onvrdisplayconnected")}} {{experimental_inline}}</dt> - <dd>Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности ббыло присоединено к компьютеру (когда запускается событие {{event("vrdisplayconnected")}}).</dd> + <dd>Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было присоединено к компьютеру (когда запускается событие {{event("vrdisplayconnected")}}).</dd> <dt>{{domxref("Window.onvrdisplaydisconnected")}} {{experimental_inline}}</dt> - <dd>Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности ббыло отсоединено от компьютера (когда запускается событие {{event("vrdisplaydisconnected")}}).</dd> + <dd>Представляет обработчик события, который будет запущен, когда подходящее устройство виртуальной реальности было отсоединено от компьютера (когда запускается событие {{event("vrdisplaydisconnected")}}).</dd> <dt>{{domxref("Window.onvrdisplaypresentchange")}} {{experimental_inline}}</dt> <dd>Представляет обработчик события, который будет запущен, когда изменится состояние устройства виртуальной реальности — т.е. перейдет от представленного к непредставленному или наоборот (когда будет запущено событие {{event("onvrdisplaypresentchange")}}).</dd> </dl> 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 <tr id="upload"> <td><code>upload</code></td> <td><code>XMLHttpRequestUpload</code></td> - <td>Загрузка (upload process) может отслеживаться event listener'ом.</td> + <td>Загрузка (upload process) может отслеживаться обработчиком события.</td> </tr> <tr id="withCredentials"> <td><code>withCredentials</code></td> @@ -406,7 +406,7 @@ translation_of: Web/API/XMLHttpRequest <dt><code>url</code></dt> <dd>URL адрес, на который будет отправлено сообщение.</dd> <dt><code>async</code></dt> - <dd>Необязательный boolean параметр, по умолчанию равный <code>true. Определяет, будет ли запрос отправлен асинхронно. Если значение равно</code> <code>false</code>, метод <code>send() вернет ответ в общем потоке работы приложения (иначе говоря, приложение зависнет на некоторое время), в противном случае, ответ может быть получен только при помощи определенных </code>event listener'ов. В случае, если используется отправка <code>multipart</code> запроса, то этот атрибут <strong>должен </strong>быть <code>true</code>, или будет выброшено исключение. + <dd>Необязательный boolean параметр, по умолчанию равный <code>true. Определяет, будет ли запрос отправлен асинхронно. Если значение равно</code> <code>false</code>, метод <code>send() вернет ответ в общем потоке работы приложения (иначе говоря, приложение зависнет на некоторое время), в противном случае, ответ может быть получен только при помощи определенных </code> обработчиков событий. В случае, если используется отправка <code>multipart</code> запроса, то этот атрибут <strong>должен </strong>быть <code>true</code>, или будет выброшено исключение. <div class="note"><strong>Примечание:</strong> Начиная с Gecko 30.0 {{ geckoRelease("30.0") }}, синхронные запросы объявлены как deprecated, в силу того что все пользователи недовольны тем, что приложение "зависает".</div> </dd> <dt><code>user</code></dt> 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); <pre class="syntaxbox notranslate">AJAXSubmit(myForm);</pre> -<div class="note"><strong>Заметка:</strong> Данный фреймворк использует <a href="/en-US/docs/DOM/FileReader" title="/en-US/docs/DOM/FileReader"><code>FileReader</code></a> API для передачи загрузочных файлов. Это новыйAPI и его невозможно использовать IE9 и ниже. В связи с этим, загрузки только с использованием AJAX воспринимаются, лишь как <strong>экспериментальные</strong>. Если вам не требуется загружать бинарные файлы, то данный фреймворк работает в большинстве современных браузерах.</div> +<div class="note"><strong>Заметка:</strong> Данный фреймворк использует <a href="/en-US/docs/DOM/FileReader" title="/en-US/docs/DOM/FileReader"><code>FileReader</code></a> API для передачи загрузочных файлов. Это новый API и его невозможно использовать IE9 и ниже. В связи с этим, загрузки только с использованием AJAX воспринимаются, лишь как <strong>экспериментальные</strong>. Если вам не требуется загружать бинарные файлы, то данный фреймворк работает в большинстве современных браузерах.</div> <div class="note"><strong>Note:</strong> The best way to send binary content is via <a href="/en-US/docs/JavaScript/Typed_arrays/ArrayBuffer" title="/en-US/docs/JavaScript/Typed_arrays/ArrayBuffer">ArrayBuffers</a> or <a href="/en-US/docs/DOM/Blob" title="/en-US/docs/DOM/Blob">Blobs</a> in conjuncton with the <a href="/en-US/docs/DOM/XMLHttpRequest#send%28%29" title="/en-US/docs/DOM/XMLHttpRequest#send()"><code>send()</code></a> method and possibly the <a href="/en-US/docs/DOM/FileReader#readAsArrayBuffer()" title="/en-US/docs/DOM/FileReader#readAsArrayBuffer()"><code>readAsArrayBuffer()</code></a> method of the <a href="/en-US/docs/DOM/FileReader" title="/en-US/docs/DOM/FileReader"><code>FileReader</code></a> API. But, since the aim of this script is to work with a <a href="/en-US/docs/JavaScript/Reference/Global_Objects/JSON/stringify" title="/en-US/docs/JavaScript/Reference/Global_Objects/JSON/stringify">stringifiable</a> raw data, we used the <a href="/en-US/docs/DOM/XMLHttpRequest#sendAsBinary%28%29" title="/en-US/docs/DOM/XMLHttpRequest#sendAsBinary()"><code>sendAsBinary()</code></a> method in conjunction with the <a href="/en-US/docs/DOM/FileReader#readAsBinaryString%28%29" title="/en-US/docs/DOM/FileReader#readAsBinaryString()"><code>readAsBinaryString()</code></a> method of the <a href="/en-US/docs/DOM/FileReader" title="/en-US/docs/DOM/FileReader"><code>FileReader</code></a> 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 <a href="/en-US/docs/DOM/XMLHttpRequest/FormData" title="DOM/XMLHttpRequest/FormData"><code>FormData</code></a> API.</div> 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 --- <div>{{SeeCompatTable}}</div> -<p><strong><code>@document</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/At-rule">at-rule</a> <span id="result_box" lang="ru"><span>ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа.</span> <span>Он разработан в основном для пользовательских таблиц стилей, хотя он ттакже может использоваться в авторских таблицах стилей.</span></span></p> +<p><strong><code>@document</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/At-rule">at-rule</a> <span id="result_box" lang="ru"><span>ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа.</span> <span>Он разработан в основном для пользовательских таблиц стилей, хотя он также может использоваться в авторских таблицах стилей.</span></span></p> <pre class="brush: css no-line-numbers">@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 <h2 id="Описание">Описание</h2> -<p><code>@namespace</code> - это правила (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule">at-rule</a>) определяющие <a href="https://developer.mozilla.org/en-US/docs/Namespaces">пространства имён XML</a>, которые будут использованы в <a href="https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet">таблице стилей</a>. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Namespace'ы полезны, в основном, когда идёт взаимодействие с документами содержащими множество неймспейсов, такими как HTML5 со встроенным SVG, MathML или XML.</p> +<p><code>@namespace</code> - это правила (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule">at-rule</a>) определяющие <a href="https://developer.mozilla.org/en-US/docs/Namespaces">пространства имён XML</a>, которые будут использованы в <a href="https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet">таблице стилей</a>. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Пространства имён полезны, в основном, когда идёт взаимодействие с документами содержащими множество пространств имён, такими как HTML5 со встроенным SVG, MathML или XML.</p> <pre class="brush: css"><code>@namespace url(http://www.w3.org/1999/xhtml); @namespace svg url(http://www.w3.org/2000/svg); @@ -26,14 +25,14 @@ svg|a {} <p>Любое <code>@namespace</code> правило обязано следовать всем <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%40charset">@charset</a> и <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/%40import">@import</a> правилам, а так же всем <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration">описаниям стилей</a> в таблице стилей.</p> -<p><code>@namespace</code> может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом неймспейсе.</p> +<p><code>@namespace</code> может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом пространстве имён.</p> -<p><code>@namespace</code> правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по неймспейсу и именам или атрибутам.</p> +<p><code>@namespace</code> правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по пространству имён и именам или атрибутам.</p> <p>В <a href="/ru/docs/HTML/HTML5">HTML5</a> существуют <a href="https://html.spec.whatwg.org/#foreign-elements">сторонние элементы</a> которые автоматически ассоциируются с соответствующими пространствами имён. Это значит, что HTML элементы будут действовать так, как если бы они находились в пространстве имён (<code>http://www.w3.org/1999/xhtml</code>), также если они не имеют <code>xmlns</code> атрибута где-либо в документе, то такие элементы как <a href="/ru/docs/%D0%A1%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/SVG"><svg></a> и <a href="/ru/docs/Web/MathML/Element/math"><math></a> будут ассоциироваться с их стандартными пространствами имён (<code>http://www.w3.org/2000/svg</code> and <code>http://www.w3.org/1998/Math/MathML</code>).</p> <div class="blockIndicator note"> -<p>Заметка: В XML, если префикс отличается от атрибута (Например, <code>xlink:href</code>), то атрибут не будет иметь неймспейса. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.</p> +<p>Заметка: В XML, если префикс отличается от атрибута (Например, <code>xlink:href</code>), то атрибут не будет иметь пространства имён. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.</p> </div> <h2 id="Синтаксис">Синтаксис</h2> 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' --- <div>{{CSSRef}}</div> -<p> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="https://developer.mozilla.org/ru/docs/Web/CSS/Псевдо-классы">псевдо-класс</a> <strong><code>:default</code></strong> находит элемент формы, установленный по умолчанию для группы связанных элементов.</p> +<p> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="https://developer.mozilla.org/ru/docs/Web/CSS/Псевдо-классы">псевдокласс</a> <strong><code>:default</code></strong> находит элемент формы, установленный по умолчанию для группы связанных элементов.</p> <p>Этот селектор используется для элементов: {{htmlelement("button")}}, <code><a href="/en-US/docs/Web/HTML/Element/input/checkbox"><input type="checkbox"></a></code>, <code><a href="/en-US/docs/Web/HTML/Element/input/radio"><input type="radio"></a></code>, и {{htmlelement("option")}} .</p> 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' --- <div>{{ CSSRef }}</div> -<p><span class="seoSummary"><a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-classes">псевдо-класс</a> <strong><code>:defined</code></strong> находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и <a href="/ru/docs/Web/Web_Components/Использование_пользовательских_элементов">пользовательские элементы</a> (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).</span></p> +<p><span class="seoSummary"><a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-classes">псевдокласс</a> <strong><code>:defined</code></strong> находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и <a href="/ru/docs/Web/Web_Components/Использование_пользовательских_элементов">пользовательские элементы</a> (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).</span></p> <pre class="brush: css no-line-numbers">/* Находит любой элемент, который был определён */ :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' --- <div>{{CSSRef}}{{SeeCompatTable}}</div> -<p><strong><code>:dir()</code></strong> — это <a href="/en-US/docs/Web/CSS/Pseudo-classes">псевдо-класс</a> <a href="/en-US/docs/Web/CSS">CSS</a>, который выбирает элементы на основе направления текста в них.</p> +<p><strong><code>:dir()</code></strong> — это <a href="/en-US/docs/Web/CSS/Pseudo-classes">псевдокласс</a> <a href="/en-US/docs/Web/CSS">CSS</a>, который выбирает элементы на основе направления текста в них.</p> <pre class="brush: css no-line-numbers">/* Выбирает все элементы с текстом справа-налево */ :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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:disabled</code> находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:disabled</code> находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.</p> <h2 id="Примеры">Примеры</h2> @@ -98,7 +98,7 @@ translation_of: 'Web/CSS/:disabled' <tr> <td>{{SpecName('CSS3 Selectors', '#enableddisabled', ':disabled')}}</td> <td>{{Spec2('CSS3 Selectors')}}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:enabled</code> находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:enabled</code> находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.</p> <h2 id="Пример">Пример</h2> @@ -74,7 +74,7 @@ input:disabled { <tr> <td>{{SpecName('CSS3 Selectors', '#enableddisabled', ':enabled')}}</td> <td>{{Spec2('CSS3 Selectors')}}</td> - <td>Определён псевдо-класс, без семантики.</td> + <td>Определён псевдокласс, без семантики.</td> </tr> </tbody> </table> 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' --- <div>{{CSSRef}}</div> -<p>{{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдо-класс')}} <strong><code>:first-child</code></strong> находит любой элемент, являющийся первым в своём родителе.</p> +<p>{{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдокласс')}} <strong><code>:first-child</code></strong> находит любой элемент, являющийся первым в своём родителе.</p> <pre class="brush: css no-line-numbers">> /* Выбирает любой <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' }</pre> <div class="note"> -<p><strong>Обратите внимание:</strong> Вы можете изменять не все CSS свойства в этом псевдо-классе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только <a href="/en-US/docs/Web/CSS/размер#Абсолютные_единицы_измерения_размера">абсолютные единицы измерения</a>, определяя внешние отступы. Все остальные правила будут проигнорированы.</p> +<p><strong>Обратите внимание:</strong> Вы можете изменять не все CSS свойства в этом псевдоклассе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только <a href="/en-US/docs/Web/CSS/размер#Абсолютные_единицы_измерения_размера">абсолютные единицы измерения</a>, определяя внешние отступы. Все остальные правила будут проигнорированы.</p> </div> <h2 id="Синтаксис">Синтаксис</h2> @@ -98,5 +98,5 @@ p { <ul> <li>{{Cssxref("@page")}}</li> - <li>Другие связанные псевдо-классы: {{Cssxref(":left")}}, {{Cssxref(":right")}}</li> + <li>Другие связанные псевдоклассы: {{Cssxref(":left")}}, {{Cssxref(":right")}}</li> </ul> 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 { <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице сгенерирована из структурированных данных. Если у вас есть желание внести свой вклад в наполнение данных, проверьте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице сгенерирована из структурированных данных. Если у вас есть желание внести свой вклад в наполнение данных, проверьте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("css.selectors.focus-within")}}</p> 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' --- <div>{{CSSRef}}</div> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <strong><code>:focus</code></strong> применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <strong><code>:focus</code></strong> применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.</p> <pre class="brush: css no-line-numbers">/* Selects any <input> when focused */ input:focus { @@ -21,7 +21,7 @@ input:focus { }</pre> <div class="blockIndicator note"> -<p><strong>Примечание:</strong> Этот псевдо-класс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.</p> +<p><strong>Примечание:</strong> Этот псевдокласс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.</p> </div> <h2 id="Синтаксис">Синтаксис</h2> 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 { <tr> <td>{{SpecName('HTML WHATWG', 'scripting.html#selector-in-range', ':in-range')}}</td> <td>{{Spec2('HTML WHATWG')}}</td> - <td>Определяет, когда <code>:in-range</code> находит элементы вHTML.</td> + <td>Определяет, когда <code>:in-range</code> находит элементы в HTML.</td> </tr> <tr> <td>{{SpecName('CSS4 Selectors', '#in-range-pseudo', ':in-range')}}</td> 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' --- <p>{{CSSRef}}</p> -<p><a href="/ru/docs/Web/CSS">CSS</a><a href="/ru/docs/Web/CSS/Псевдо-классы"> псевдо-класс</a> <strong><code>:indeterminate</code></strong> находит элементы в неопределённом состоянии.</p> +<p><a href="/ru/docs/Web/CSS">CSS</a><a href="/ru/docs/Web/CSS/Псевдо-классы"> псевдокласс</a> <strong><code>:indeterminate</code></strong> находит элементы в неопределённом состоянии.</p> <pre class="brush: css no-line-numbers">/* Выбирает все элементы <input>, которые находятся в неопределенном состоянии */ input:indeterminate { @@ -116,7 +116,7 @@ progress:indeterminate { <tr> <td>{{SpecName('CSS3 Basic UI', '#indeterminate', ':indeterminate')}}</td> <td>{{Spec2('CSS3 Basic UI')}}</td> - <td>Определён псевдо-класс, но не семантика.</td> + <td>Определён псевдокласс, но не семантика.</td> </tr> </tbody> </table> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:invalid</code> находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит <a href="/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation" title="en/HTML/HTML5/Constraint_validation">валидацию</a>, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:invalid</code> находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит <a href="/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation" title="en/HTML/HTML5/Constraint_validation">валидацию</a>, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.</p> -<p>По умолчанию, Gecko не применяет стили к псевдо-классу <code>:invalid</code>. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдо-классу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для <code>:invalid</code>.</p> +<p>По умолчанию, Gecko не применяет стили к псевдоклассу <code>:invalid</code>. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдоклассу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для <code>:invalid</code>.</p> <p>Вы можете отключить свечение, используя следующий CSS или полностью изменить внешний вид некорректных полей.</p> @@ -32,7 +32,7 @@ translation_of: 'Web/CSS/:invalid' <h4 id="Радиокнопки">Радиокнопки</h4> -<p>Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом <code>name</code>) имеет атрибут <code>required</code>, псевдо-класс <code>:invalid</code> применяется ко всем из них, если ни одна из кнопок группы не выбрана.</p> +<p>Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом <code>name</code>) имеет атрибут <code>required</code>, псевдокласс <code>:invalid</code> применяется ко всем из них, если ни одна из кнопок группы не выбрана.</p> <h2 id="Example2" name="Example2">Пример</h2> @@ -103,7 +103,7 @@ input:required { <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':invalid') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' <p><strong>Примечание:</strong> <code>:matches()</code> был переименован в <code>:is()</code> в <a href="https://github.com/w3c/csswg-drafts/issues/3258" style="white-space: nowrap;">CSSWG issue #3258</a>.</p> </div> -<p><strong><code>:is()</code></strong> это функция <a href="/ru/docs/Web/CSS">псевдо-класс CSS</a> принимающая список селекторов как аргумент, и выбирает любой элемент, который может быть выбран одним из селекторов в этом списке. Это полезно при переписи огромных селекторов в более компактную форму.</p> +<p><strong><code>:is()</code></strong> это функция <a href="/ru/docs/Web/CSS">псевдокласс CSS</a> принимающая список селекторов как аргумент, и выбирает любой элемент, который может быть выбран одним из селекторов в этом списке. Это полезно при переписи огромных селекторов в более компактную форму.</p> -<p>Заметьте, что в данный момент браузеры поддерживают ее функционал как <code>:matches()</code>, или даже как более старый, префиксный псевдо-класс — <code>:any()</code>, включая старые версии Chrome, Firefox, и Safari. <code>:any()</code> работает точно таким же образом как и <code>:matches()</code>/<code>:is()</code>, за исключением того, что <code>:any()</code> требует постановку префиксов и не поддерживает <a href="/ru/docs/Learn/CSS/Building_blocks/Селекторы">комплексные селекторы</a>.</p> +<p>Заметьте, что в данный момент браузеры поддерживают ее функционал как <code>:matches()</code>, или даже как более старый, префиксный псевдокласс — <code>:any()</code>, включая старые версии Chrome, Firefox, и Safari. <code>:any()</code> работает точно таким же образом как и <code>:matches()</code>/<code>:is()</code>, за исключением того, что <code>:any()</code> требует постановку префиксов и не поддерживает <a href="/ru/docs/Learn/CSS/Building_blocks/Селекторы">комплексные селекторы</a>.</p> <pre class="brush: css no-line-numbers notranslate">/* Выбирает какой-либо абзац в шапке, основной части или подвале, который зависал */ :is(header, main, footer) p:hover { @@ -197,7 +197,7 @@ h1 { <h3 id="Как_избежать_аннулирования_списка_селекторов">Как избежать аннулирования списка селекторов</h3> -<p>В отличие от <a href="/ru/docs/Web/CSS/Selector_list">списка селекторов</a>, псевдо-класс <code>:is()</code> не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.</p> +<p>В отличие от <a href="/ru/docs/Web/CSS/Selector_list">списка селекторов</a>, псевдокласс <code>:is()</code> не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.</p> <pre class="brush: css notranslate">: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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Pseudo-classes">псевдо-класс</a> <code>:last-child</code> находит любой элемент, являющийся последним в его родителе.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Pseudo-classes">псевдокласс</a> <code>:last-child</code> находит любой элемент, являющийся последним в его родителе.</p> <h2 id="Синтаксис">Синтаксис</h2> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:link</code> позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдо-классам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила <code>:link</code> до других, как определено <em>LVHA-порядком</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после <code>:hover</code>, в зависимости от ожидаемого эффекта.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:link</code> позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдоклассам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила <code>:link</code> до других, как определено <em>LVHA-порядком</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после <code>:hover</code>, в зависимости от ожидаемого эффекта.</p> <div class="note"> <p><strong>Замечание</strong><strong>:</strong> Используйте {{cssxref(":any-link")}} чтобы выбрать ссылку, независимо от того, была она посещена или нет.</p> 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' <h2 id="Summary" name="Summary">Описание</h2> -<p><strong>Отрицательный </strong><a href="/ru/docs/CSS/Pseudo-classes" title="Pseudo-classes">CSS псевдо-класс</a>, <code>:not(X)</code> - функция, принимающая простой селектор <var>X</var> в качестве аргумента. Он находит элементы, не соответствующие селектору. <var>X</var> не должен содержать других отрицательных селекторов.</p> +<p><strong>Отрицательный </strong><a href="/ru/docs/CSS/Pseudo-classes" title="Pseudo-classes">CSS псевдокласс</a>, <code>:not(X)</code> - функция, принимающая простой селектор <var>X</var> в качестве аргумента. Он находит элементы, не соответствующие селектору. <var>X</var> не должен содержать других отрицательных селекторов.</p> <div class="note"><strong>Замечания:</strong> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:optional</code> находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:optional</code> находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.</p> -<p>Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдо-класс {{ cssxref(":required") }}.</p> +<p>Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдокласс {{ cssxref(":required") }}.</p> <h2 id="Примеры">Примеры</h2> @@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:optional' <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':optional') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' --- <div>{{CSSRef}}{{SeeCompatTable}}</div> -<div><a href="/ru/docs/Web/CSS">CSS псевдо-класс</a> <strong><code>:placeholder-shown</code></strong> представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент<a href="/en-US/docs/Web/HTML/Element/input#attr-placeholder"> текст заполнитель (плейсхолдер)</a>.</div> +<div><a href="/ru/docs/Web/CSS">CSS псевдокласс</a> <strong><code>:placeholder-shown</code></strong> представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент<a href="/en-US/docs/Web/HTML/Element/input#attr-placeholder"> текст заполнитель (плейсхолдер)</a>.</div> <pre class="brush: css no-line-numbers">/* Выбирает любой элемент с активным плейсхолдером */ :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' <h2 id="Summary" name="Summary">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:read-only</code> находит элементы, недоступные для редактирования пользователем.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:read-only</code> находит элементы, недоступные для редактирования пользователем.</p> <h2 id="Example" name="Example">Пример</h2> @@ -48,7 +48,7 @@ input:read-only { background: #eee; } <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-only') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' <h2 id="Summary" name="Summary">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:read-write</code> находит элементы, доступные для редактирования пользователем, такие как текстовые поля.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:read-write</code> находит элементы, доступные для редактирования пользователем, такие как текстовые поля.</p> <h2 id="Example" name="Example">Пример</h2> @@ -48,7 +48,7 @@ input:read-write { background: #eee; } <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-write') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:required</code> находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:required</code> находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.</p> <p>Псевдо-класс {{ cssxref(":optional") }} может использоваться, чтобы дать особый внешний вид полям, не обязательным для заполнения.</p> @@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:required' <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':required') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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 { <h3 id="Pure-CSS_lightbox">Pure-CSS lightbox</h3> -<p>Вы можете использовать псевдо-класс <code>:target</code> для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их <code>display</code> на видимый.</p> +<p>Вы можете использовать псевдокласс <code>:target</code> для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их <code>display</code> на видимый.</p> <div class="note"><strong>Примечание:</strong> Более полный pure-CSS lightbox , основанный на псевдоклассе<code>:target</code> - <a href="https://github.com/madmurphy/takefive.css/">available on GitHub</a> (<a href="https://madmurphy.github.io/takefive.css/">demo</a>).</div> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:valid</code> находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых <a href="/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation" title="en/HTML/HTML5/Constraint_validation">валиден</a>, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:valid</code> находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых <a href="/ru/docs/Web/Guide/HTML/HTML5/Constraint_validation" title="en/HTML/HTML5/Constraint_validation">валиден</a>, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.</p> <h2 id="Пример">Пример</h2> @@ -80,7 +80,7 @@ input:required { <tr> <td>{{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':valid') }}</td> <td>{{ Spec2('CSS3 Basic UI') }}</td> - <td>Определяет псевдо-класс, но не семантику.</td> + <td>Определяет псевдокласс, но не семантику.</td> </tr> </tbody> </table> 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' <h2 id="Описание">Описание</h2> -<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдо-класс</a> <code>:visited</code> позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдо-классами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило <code>:visited</code> до правила <code>:link</code>, но после других, определённых <em>LVHA-порядком</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p> +<p>CSS <a href="/ru/docs/Web/CSS/Псевдо-классы" title="Pseudo-classes">псевдокласс</a> <code>:visited</code> позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдоклассами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило <code>:visited</code> до правила <code>:link</code>, но после других, определённых <em>LVHA-порядком</em>: <code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>.</p> <div class="note style-wrap"> -<p><strong>Замечание: </strong>Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдо-класс: только {{ 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") }}, <code>fill</code> и <code>stroke</code>. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - <code>0</code>, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).</p> +<p><strong>Замечание: </strong>Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только {{ 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") }}, <code>fill</code> и <code>stroke</code>. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - <code>0</code>, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).</p> <p>Несмотря на то, что цвет может меняться, метод <code>getComputedStyle</code> наврёт и всегда будет давать значение цвета непосвященных ссылок.</p> @@ -125,5 +125,5 @@ a:visited { background-color: white } </pre> <ul> <li><a href="/ru/docs/CSS/Privacy_and_the_:visited_selector" title="/ru/docs/CSS/Privacy_and_the_:visited_selector">Приватность и селектор :visited</a></li> - <li>Относящиеся к ссылкам псевдо-классы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.</li> + <li>Относящиеся к ссылкам псевдоклассы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.</li> </ul> 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 { <h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость с браузерами</h2> <div> -<div class="hidden">Таблица совместимости на этой странице сгенерирована из готовых данных. Если бы вы хотели добавить свою информацию, пожалуйста проверьте на <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице сгенерирована из готовых данных. Если бы вы хотели добавить свою информацию, пожалуйста проверьте на <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("css.selectors.where")}}</p> </div> 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 { <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li>{{cssxref(":fullscreen")}} псевдо-класс</li> + <li>{{cssxref(":fullscreen")}} псевдокласс</li> <li>{{HTMLElement("dialog")}} HTML элемент</li> <li><a href="/ru/docs/DOM/Using_fullscreen_mode">Fullscreen API</a></li> </ul> 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 <span class="property token">animation-timing-function</span><span class="punctuation token">:</span> initial<span class="punctuation token">;</span> <span class="property token">animation-timing-function</span><span class="punctuation token">:</span> unset<span class="punctuation token">;</span></code></pre> -<p>Временные функции могут быть установлены в пользовательских keyframes'ах в правилах <a href="/en-US/docs/Web/CSS/@keyframes">@keyframes</a>. Если в keyframe'е значение <code><strong>animation-timing-function</strong></code> указано, соответствующее значение <code><strong>animation-timing-function</strong></code> от элемента к которому анимация применена используется для этого keyframe'а.</p> +<p>Временные функции могут быть установлены в пользовательских ключевых кадрах в правилах <a href="/en-US/docs/Web/CSS/@keyframes">@keyframes</a>. Если в ключевом кадре значение <code><strong>animation-timing-function</strong></code> указано, соответствующее значение <code><strong>animation-timing-function</strong></code> от элемента к которому анимация применена используется для этого ключевого кадра.</p> <h3 id="Значения">Значения</h3> 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: >- <pre class="syntaxbox">cursor: [<url>,]* ключевое_слово</pre> -<p>Это означает, что устанавливать можно любое количество URL'ов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как <code>auto</code> или <code>pointer</code>.</p> +<p>Это означает, что устанавливать можно любое количество URL-адресов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как <code>auto</code> или <code>pointer</code>.</p> <p>Например, такая последовательность значений допустима:</p> 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/Выравнивание_элем <p>Распространённый пример — панель навигации, в которой отдельные важные элементы выровнены по правому краю, а основная группа элементов — по левому.</p> -<p>На первый взгляд может показаться, что это юзкейс для свойства <code>justify-self</code>. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать <code>justify-self</code> на элементе <em>d</em>, это также изменило бы выравнивание следующего элемента — <em>e</em>, что может противоречить первоначальному замыслу.</p> +<p>На первый взгляд может показаться, что этот пример использования свойства <code>justify-self</code>. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать <code>justify-self</code> на элементе <em>d</em>, это также изменило бы выравнивание следующего элемента — <em>e</em>, что может противоречить первоначальному замыслу.</p> <p><img alt="Five items, in two groups. Three on the left and two on the right." src="https://mdn.mozillademos.org/files/15633/align7.png" style="display: block; height: 84px; margin: 0px auto; width: 645px;"></p> 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_ <p>Как только я добавляю этот CSS, элементы начинают раскладываться в виде сетки. Если я сделаю окно меньше или шире, количество дорожек столбцов изменится – без необходимости переопределять сетку.</p> -<p>Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка <code>display: flex</code> and theи <code>flex-direction</code> для <code>column</code>. Затем я могу использовать margin auto для <code>.cta</code> чтобы подтолкнуть этот элемент вниз к нижней части ячейки.</p> +<p>Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка <code>display: flex</code> and и <code>flex-direction</code> для <code>column</code>. Затем я могу использовать margin auto для <code>.cta</code> чтобы подтолкнуть этот элемент вниз к нижней части ячейки.</p> <pre class="brush: css">.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 <li>десятеричные цифры (от <code>0</code> до <code>9</code>),</li> <li>дефис (<code>-</code>),</li> <li>нижнее подчёркивание (<code>_</code>),</li> - <li>экранированный символ (символ с бэкслэшем перед ним, <code>\</code>),</li> - <li>символ <a class="external" href="https://ru.wikipedia.org/wiki/%D0%AE%D0%BD%D0%B8%D0%BA%D0%BE%D0%B4">Unicode</a> (бэкслэш, <code>\</code>, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)</li> + <li>экранированный символ (символ с бэкслешем перед ним, <code>\</code>),</li> + <li>символ <a class="external" href="https://ru.wikipedia.org/wiki/%D0%AE%D0%BD%D0%B8%D0%BA%D0%BE%D0%B4">Unicode</a> (бэкслеш, <code>\</code>, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)</li> </ul> <p>Обратите внимание, что <code>id1</code>, <code>Id1</code>, <code>iD1</code> и <code>ID1</code> — это разные идентификаторы, поскольку они чувствительны к регистру. С другой стороны, так как существует несколько способов экранировать символ, <code>toto\?</code> и <code>toto\3F</code> — это один и тот же идентификатор.</p> 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")}}</p> <div class="hidden"> -<p>Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p>Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> </div> <p><br> @@ -161,7 +161,7 @@ height: unset; <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> <div class="hidden"> -<p>Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</p> +<p>Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</p> </div> <p>{{Compat("css.properties.height")}}</p> 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 { <h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.margin-bottom")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/margin-left.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется <a href="https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">схлопыванием внешних отступов</a>.</p> @@ -162,6 +162,6 @@ margin-left: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.margin-left")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/margin-right.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется <a href="https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">схлопыванием внешних отступов</a>.</p> @@ -155,6 +155,6 @@ margin-right: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.margin-right")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/max-height.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>{{ Cssxref("max-height") }} перекрывает {{cssxref("height")}}, но {{ Cssxref("min-height") }} перекрывает {{ Cssxref("max-height") }}.</p> @@ -112,7 +112,7 @@ form { max-height: none; } <h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.max-height")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/max-width.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>{{ Cssxref("max-width") }} перекрывает {{cssxref("width")}}, но {{ Cssxref("min-width") }} перекрывает {{ Cssxref("max-width") }}.</p> @@ -157,7 +157,7 @@ max-width: unset; <h2 id="Browser_Compatibility" name="Browser_Compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.max-width")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/min-height.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>Высота элемента принимает значение <code>min-height</code> всякий раз, когда <code>min-height</code> больше чем {{ Cssxref("max-height") }} или {{Cssxref("height")}}.</p> @@ -107,7 +107,7 @@ form { min-height: 0; } <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.min-height")}}</p> 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 <div>{{EmbedInteractiveExample("pages/css/min-width.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>Ширина элемента принимает значение <code>min-width</code> когда <code>min-width</code> больше чем {{ Cssxref("max-width") }} или {{Cssxref("width")}}.</p> @@ -106,7 +106,7 @@ form { min-width: 0; } <h2 id="Browser_compatibility" name="Browser_compatibility">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.min-width")}}</p> 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%)</pre> <p>{{EmbedLiveSample('Градиент_со_смещенным_центром', 240, 120)}}</p> <div class="note"> -<p><strong>Заметка:</strong> Дополнительные примеры можно найти в <a href="/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients">Ииспользование CSS градиентов</a>.</p> +<p><strong>Заметка:</strong> Дополнительные примеры можно найти в <a href="/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients">Использование CSS градиентов</a>.</p> </div> <h2 id="Спецификация">Спецификация</h2> @@ -166,7 +166,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <th>Safari</th> </tr> <tr> - <td>Стандартное ииспользование (в {{cssxref("background")}} и {{cssxref("background-image")}})</td> + <td>Стандартное использование (в {{cssxref("background")}} и {{cssxref("background-image")}})</td> <td>{{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}<sup>[1]</sup><br> {{CompatGeckoDesktop("16")}}</td> <td>10.0 (534.16){{property_prefix("-webkit")}}<sup>[2]</sup></td> @@ -175,7 +175,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <td>5.1{{property_prefix("-webkit")}}<sup>[2]</sup></td> </tr> <tr> - <td>Ииспользование в {{cssxref("border-image")}}</td> + <td>Использование в {{cssxref("border-image")}}</td> <td>{{CompatGeckoDesktop("29")}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> @@ -183,7 +183,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <td>{{CompatVersionUnknown}}</td> </tr> <tr> - <td>Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}}</td> + <td>Использование на любых других свойствах работающих с типом {{cssxref("<image>")}}</td> <td>{{CompatNo}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> @@ -241,7 +241,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <td>{{CompatVersionUnknown}}</td> </tr> <tr> - <td>Ииспользование в {{cssxref("border-image")}}</td> + <td>Использование в {{cssxref("border-image")}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatGeckoMobile("29")}}</td> <td>{{CompatVersionUnknown}}</td> @@ -249,7 +249,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <td>{{CompatVersionUnknown}}</td> </tr> <tr> - <td>Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}}</td> + <td>Использование на любых других свойствах работающих с типом {{cssxref("<image>")}}</td> <td>{{CompatNo}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> @@ -295,7 +295,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)</pre> <h2 id="Смотрите_так_же">Смотрите так же</h2> <ul> - <li><a href="/en-US/docs/CSS/Using_CSS_gradients">Ииспользование CSS градиентов</a></li> + <li><a href="/en-US/docs/CSS/Using_CSS_gradients">Использование CSS градиентов</a></li> <li>Другие варианты градиентов: {{cssxref("repeating-radial-gradient")}}, {{cssxref("linear-gradient")}}, {{cssxref("repeating-linear-gradient")}}</li> <li>{{cssxref("<image>")}}</li> </ul> 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 <h2 id="Синтаксис">Синтаксис</h2> -<p>Тип данных <code><ratio></code> состоит из строго положительного {{cssxref("<integer>")}}, за которым следует слэш ('/', Unicode <code>U+002F SOLIDUS</code>) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.</p> +<p>Тип данных <code><ratio></code> состоит из строго положительного {{cssxref("<integer>")}}, за которым следует слеш ('/', Unicode <code>U+002F SOLIDUS</code>) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.</p> <h2 id="Примеры">Примеры</h2> 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 <p>{{EmbedLiveSample("sample1",600,180)}}</p> <p><br> - Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдо-классе :root, автор CSS может избежать ненужных повторений, используя эту переменную.</p> + Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдоклассе :root, автор CSS может избежать ненужных повторений, используя эту переменную.</p> </div> <div id="sample2"> 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 <div>{{EmbedInteractiveExample("pages/css/width.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <p>Свойства {{cssxref("min-width")}} и {{cssxref("max-width")}} перекрывают {{cssxref("width")}}.</p> @@ -196,7 +196,7 @@ width: unset; <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> -<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пул-реквест.</div> +<div class="hidden">Для создания таблицы совместимости из структурированных данных воспользуйтесь ресурсом <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>. Если вы хотите внести свой вклад в данные, пожалуйста, проверьте данные и отправьте нам пулреквест.</div> <p>{{Compat("css.properties.width")}}</p> 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 --- -<p>Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт <a href="/en-US/docs/Web/Guide/HTML/HTML5" title="en/HTML/HTML5">HTML5</a> предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и <em>обязательная валидация, </em>чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 <a href="/en-US/docs/Web/Guide/HTML/Forms_in_HTML#Constraint_Validation_API" title="en/HTML/HTML5/Forms in HTML5#Constraint Validation API">Constraint Validation API</a>.</p> +<p>Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование пользователя о проблеме - может стать головной болью. Стандарт <a href="/en-US/docs/Web/Guide/HTML/HTML5" title="en/HTML/HTML5">HTML5</a> предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и <em>обязательная валидация, </em>чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 <a href="/en-US/docs/Web/Guide/HTML/Forms_in_HTML#Constraint_Validation_API" title="en/HTML/HTML5/Forms in HTML5#Constraint Validation API">Constraint Validation API</a>.</p> <div class="note"><strong>Внимание:</strong> HTML5 Constraint validation не отменяет валидацию <em>на стороне сервера</em>. Несмотря на то что на сервер будет отправляться меньше запросов с невалидными данными, такие запросы всё ещё могут быть отправлены менее "сговорчивыми" браузерами (например, браузерами без поддержки HTML5 и без JavaScript) или плохими парнями, пытающимися взломать ваше веб-приложение. Следовательно, как и в случае с HTML4, вам всё ещё нужно проверять ввод на стороне сервера, таким образом, чтобы это было согласовано с валидацией на стороне клиента.</div> 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 <li><code>date</code>: {{HTMLVersionInline("5")}} Элемент управления для ввода даты (год, месяц и день, без времени).</li> <li><code>datetime</code>: {{HTMLVersionInline("5")}} Элемент управления для ввода даты и времени (час, минута, секунда и доля секунды) в соответствии с часовым поясом UTC.</li> <li><code>datetime-local</code>: {{HTMLVersionInline("5")}} Элемент управления для ввода даты и времени без часового пояса.</li> - <li><code>email</code>: {{HTMLVersionInline("5")}} Поле для редактирования адреса электронной почты. Перед отправкой проверяется, что входное значение содержит либо пустую строку, либо один действительный адрес электронной почты. Соответствуют CSS псевдо-классам {{cssxref(":valid")}} and {{cssxref(":invalid")}}.</li> + <li><code>email</code>: {{HTMLVersionInline("5")}} Поле для редактирования адреса электронной почты. Перед отправкой проверяется, что входное значение содержит либо пустую строку, либо один действительный адрес электронной почты. Соответствуют CSS псевдоклассам {{cssxref(":valid")}} and {{cssxref(":invalid")}}.</li> <li><code>file</code>: Элемент управления, который позволяет пользователю выбрать файл. Используйте атрибут <strong>accept</strong>, чтобы определить типы файлов, которые могут быть выбраны.</li> <li><code>hidden</code>: Элемент управления, которые не отображается, но чье значение отправлено на сервер.</li> <li><code>image</code>: Кнопка вставки изображения. Вы должны использовать атрибут <strong>src</strong>, чтобы определить путь к изображению и атрибут <strong>alt</strong> - для определения альтернативного текста. Вы можете использовать атрибуты <strong>height</strong> и <strong>width</strong>, чтобы определить размер вставки изображения в пикселях.</li> 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> </pre> -<h3 id="Пример_с_включенным_JavaScript'ом">Пример с включенным JavaScript'ом</h3> +<h3 id="Пример_с_включенным_JavaScript'ом">Пример с включенным JavaScript</h3> <p>Rocks!</p> -<h3 id="Результат_с_выключенным_JavaScript'ом">Результат с выключенным JavaScript'ом</h3> +<h3 id="Результат_с_выключенным_JavaScript'ом">Результат с выключенным JavaScript</h3> <p><a class="external" href="http://www.mozilla.com/">External Link</a></p> 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 { <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице составлена из структурированных данных. Если вы хотите дополнить данные, создайте пул-реквест (pull request) здесь <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> +<div class="hidden">Таблица совместимости на этой странице составлена из структурированных данных. Если вы хотите дополнить данные, создайте пулреквест (pull request) здесь <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> <p>{{Compat("html.elements.p")}}</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 <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице создается из структурированных данных. Если вы хотите внести свой вклад в данные, ознакомьтесь с https://github.com/mdn/browser-compat-data и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице создается из структурированных данных. Если вы хотите внести свой вклад в данные, ознакомьтесь с https://github.com/mdn/browser-compat-data и отправьте нам пулреквест.</div> <p>{{Compat("html.elements.strong")}}</p> 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 { </div> <p>[1] Поддерживается в Chrome с 20+ по 34 при включённом флаге "<strong>Enable <style scoped></strong>" или "<strong>experimental WebKit features</strong>" в chrome://flags. <a href="https://groups.google.com/a/chromium.org/forum/#!searchin/blink-dev/scoped/blink-dev/R1x18ZLS5qQ/Bjuh_cENhlQJ">Удалён в Chrome 35+ из-за сложности кода</a>.<br> - [2] Gecko 20 и более новые реализуют псевдо-классы :scope, но должна быть включена настройка layout.css.scope-pseudo.enabled. This is only the case by default in Nightly and Aurora test versions.</p> + [2] Gecko 20 и более новые реализуют псевдоклассы :scope, но должна быть включена настройка layout.css.scope-pseudo.enabled. This is only the case by default in Nightly and Aurora test versions.</p> <h2 id="See_also" name="See_also">См. также</h2> 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 <dt id="attr-class"><code><a href="/ru/docs/Web/HTML/Global_attributes/class">class</a></code></dt> <dd>Это список разделенных пробелами классов элемента. Классы позволяют CSS и JavaScript выбирать и получать доступ к конкретным элементам через <a href="/ru/docs/Web/CSS/Class_selectors" title="В HTML документе, селекторы по CSS классу находят элементы с нужным классом.">селекторы по классу</a> или через функции, такие как метод {{domxref("Document.getElementsByClassName()")}}.</dd> <dt id="attr-contenteditable"><code><a href="/ru/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code></dt> - <dd>Это перечислимый атрибут, указывающий, нужно ли предоставить пользователю возможность редактировать ээлемент. Если это так, браузер изменит свой виджет таким образом, чтобы позволить редактирование. Атрибут должен принимать одно из следующих значений: + <dd>Это перечислимый атрибут, указывающий, нужно ли предоставить пользователю возможность редактировать элемент. Если это так, браузер изменит свой виджет таким образом, чтобы позволить редактирование. Атрибут должен принимать одно из следующих значений: <ul> - <li><code>true</code> или <em>пустая строка</em>, указывает, что ээлемент должен быть редактируемым;</li> - <li><code>false</code>, указывает, что ээлемент не должен быть редактируемым.</li> + <li><code>true</code> или <em>пустая строка</em>, указывает, что элемент должен быть редактируемым;</li> + <li><code>false</code>, указывает, что элемент не должен быть редактируемым.</li> </ul> </dd> <dt id="attr-contextmenu"><code><a href="/ru/docs/Web/HTML/Global_attributes/contextmenu">contextmenu</a></code></dt> @@ -48,8 +48,8 @@ translation_of: Web/HTML/Global_attributes <dt id="attr-draggable"><code><a href="/ru/docs/Web/HTML/Global_attributes/draggable">draggable</a></code> {{experimental_inline}}</dt> <dd>Это перечислимый атрибут, указывающий, можно ли перетаскивать ээлемент используя <a href="/ru/docs/Web/Guide/HTML/Drag_and_drop">Drag and Drop API</a>. Он может иметь одно из следующих значений: <ul> - <li><code>true</code>, указывающее, что ээлемент можно перетаскивать;</li> - <li><code>false</code>, указывающее, что ээлемент нельзя перетаскивать.</li> + <li><code>true</code>, указывающее, что элемент можно перетаскивать;</li> + <li><code>false</code>, указывающее, что элемент нельзя перетаскивать.</li> </ul> </dd> <dt id="attr-dropzone"><code><a href="/ru/docs/Web/HTML/Global_attributes/dropzone">dropzone</a></code> {{experimental_inline}}</dt> @@ -61,7 +61,7 @@ translation_of: Web/HTML/Global_attributes </ul> </dd> <dt id="attr-hidden"><code><a href="/ru/docs/Web/HTML/Global_attributes/hidden">hidden</a></code></dt> - <dd>Это логический атрибут, указывающий, что ээлемент уже (или еще) не актуален. Можно использовать этот атрибут, например для того, чтобы спрятать части страницы, которые не должны быть видны до завершения авторизации. Браузер не будет отображать такие элементы. Этот атрибут не должен использоваться, чтобы скрыть содержимое, которое может быть показано на законных основаниях.</dd> + <dd>Это логический атрибут, указывающий, что элемент уже (или еще) не актуален. Можно использовать этот атрибут, например для того, чтобы спрятать части страницы, которые не должны быть видны до завершения авторизации. Браузер не будет отображать такие элементы. Этот атрибут не должен использоваться, чтобы скрыть содержимое, которое может быть показано на законных основаниях.</dd> <dt id="attr-id"><code><a href="/ru/docs/Web/HTML/Global_attributes/id">id</a></code></dt> <dd>Определяет идентификатор (ID), который должен быть уникален для всего документа. Он предназначен для идентификации элемента при создании ссылок на него, исполнении скриптов или применении стилей (посредством CSS).</dd> <dt id="attr-itemid"><code><a href="/ru/docs/Web/HTML/Global_attributes/itemid">itemid</a></code> {{experimental_inline}}</dt> @@ -75,17 +75,17 @@ translation_of: Web/HTML/Global_attributes <dt id="attr-spellcheck"><code><a href="/ru/docs/Web/HTML/Global_attributes/spellcheck">spellcheck</a></code> {{experimental_inline}}</dt> <dd>Это перечислимый атрибут, определяющий, может ли содержимое элемента быть проверено на наличие орфографических ошибок. Он может принимать одно из следующих значений: <ul> - <li><code>true</code>, указывающее, что ээлемент должен, по возможности, проверяться на наличие орфографических ошибок;</li> - <li><code>false</code>, указывающее, что ээлемент не должен проверяться на наличие орфографических ошибок.</li> + <li><code>true</code>, указывающее, что элемент должен, по возможности, проверяться на наличие орфографических ошибок;</li> + <li><code>false</code>, указывающее, что элемент не должен проверяться на наличие орфографических ошибок.</li> </ul> </dd> <dt id="attr-style"><code><a href="/ru/docs/Web/HTML/Global_attributes/style">style</a></code></dt> - <dd>Содержит описание стилей <a href="/ru/CSS">CSS</a>, которые должны быть применены к элементу. Учтите, что рекомендуется определять стили в отдельном файле или файлах. Этот атрибут, как и ээлемент {{ HTMLElement("style") }}, предназначен, в основном, для оперативного применения стилей, например в целях тестирования.</dd> + <dd>Содержит описание стилей <a href="/ru/CSS">CSS</a>, которые должны быть применены к элементу. Учтите, что рекомендуется определять стили в отдельном файле или файлах. Этот атрибут, как и элемент {{ HTMLElement("style") }}, предназначен, в основном, для оперативного применения стилей, например в целях тестирования.</dd> <dt id="attr-tabindex"><code><a href="/ru/docs/Web/HTML/Global_attributes/tabindex">tabindex</a></code></dt> - <dd>Это числовой атрибут, указывающий, может ли ээлемент получать фокус, участвует ли он в последовательной навигации с клавиатуры, и если да, то в какой позиции. Может принимать одно из нескольких значений: + <dd>Это числовой атрибут, указывающий, может ли элемент получать фокус, участвует ли он в последовательной навигации с клавиатуры, и если да, то в какой позиции. Может принимать одно из нескольких значений: <ul> - <li><em>отрицательное число</em> означает, что ээлемент фокусируемый, но он не может получить фокус посредством последовательной навигации с клавиатуры;</li> - <li><code>0</code> означает, что ээлемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры, но порядок его следования определяется платформой;</li> + <li><em>отрицательное число</em> означает, что элемент фокусируемый, но он не может получить фокус посредством последовательной навигации с клавиатуры;</li> + <li><code>0</code> означает, что элемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры, но порядок его следования определяется платформой;</li> <li><em>положительное значение</em> означает, что элемент фокусируемый и может получить фокус посредством последовательной навигации с клавиатуры. Порядок его следования определяется значением атрибута — последовательно возрастающего числа <a href="#attr-tabindex"><strong>tabindex</strong></a>. В случае, когда несколько элементов имеют одинаковое значение атрибута <strong><a href="#attr-tabindex">tabindex</a></strong>, порядок их следования при навигации определяется их местом в документе.</li> </ul> </dd> @@ -94,8 +94,8 @@ translation_of: Web/HTML/Global_attributes <dt id="attr-translate"><code><a href="/ru/docs/Web/HTML/Global_attributes/translate">translate</a></code></dt> <dd>Это перечислимый атрибут, используемый для того, чтобы указать, следует ли переводить значения атрибутов элемента и его текстовое содержимое (содержимое узла {{domxref("Text")}}) при локализации страницы. Этот атрибут может принимать следующие значения: <ul> - <li><em>пустая строка</em> или <code>"yes"</code> указывает, что ээлемент должен быть переведен;</li> - <li><code>"no</code>" указывает, что ээлемент не должен быть переведен.</li> + <li><em>пустая строка</em> или <code>"yes"</code> указывает, что элемент должен быть переведен;</li> + <li><code>"no</code>" указывает, что элемент не должен быть переведен.</li> </ul> </dd> </dl> 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 <p>Даже если указан атрибут <strong>lang</strong>, то он может не учитываться, поскольку атрибут <strong><a href="/ru/docs/Web/HTML/Global_attributes/xml:lang">xml:lang</a> </strong>имеет приоритет над <strong>lang</strong>.</p> -<p>Для псевдо-класса CSS {{cssxref(":lang")}}, два недопустимых названия языка будут разными, если их имена различны. Хотя, <code>:lang(es)</code> соответствует обоим <code>lang="es-ES"</code> и <code>lang="es-419"</code>, но <code>:lang(xyzzy)</code> не соответствует <code>lang="xyzzy-Zorp!"</code>.</p> +<p>Для псевдокласса CSS {{cssxref(":lang")}}, два недопустимых названия языка будут разными, если их имена различны. Хотя, <code>:lang(es)</code> соответствует обоим <code>lang="es-ES"</code> и <code>lang="es-419"</code>, но <code>:lang(xyzzy)</code> не соответствует <code>lang="xyzzy-Zorp!"</code>.</p> <h2 id="Спецификации">Спецификации</h2> 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 <h3 id="Область_видимости_куков">Область видимости куков</h3> -<p><code>Директивы Domain</code> <code>и Path </code>определяют область видимости куки, то есть те URL'ы, к которым куки могут отсылаться.<br> +<p><code>Директивы Domain</code> <code>и Path </code>определяют область видимости куки, то есть те URL-адреса, к которым куки могут отсылаться.<br> Атрибут Domain указывает хосты, на которые отсылаются куки. Если он не задан, то по умолчанию берется доменная часть адреса документа (но без поддоменов). Если домен указан явно, то поддомены всегда включены.</p> <p>Например, если задано <code>Domain=mozilla.org</code>, то куки включены и в поддоменах, например, в <code>developer.mozilla.org</code>.</p> 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 <h2 id="Браузерная_совместимость">Браузерная совместимость</h2> -<p class="hidden">Таблица совместимости на этой странице сгенерирована из структурированных данных. Если вы хотите добавить данные, пожалуйста отправьте пул-реквест в репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a></p> +<p class="hidden">Таблица совместимости на этой странице сгенерирована из структурированных данных. Если вы хотите добавить данные, пожалуйста отправьте пулреквест в репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a></p> <p>{{Compat("http.headers.Content-Length")}}</p> 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 <h2 id="Совместимость_с_браузером">Совместимость с браузером</h2> -<p class="hidden">Таблица совместимости на этой страницы была сгенерирована из структурированных данных. Если вы хотите внести свой вклад в эти данные, то можете склонировать соответствующий репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и прислать нам пул-реквест.</p> +<p class="hidden">Таблица совместимости на этой страницы была сгенерирована из структурированных данных. Если вы хотите внести свой вклад в эти данные, то можете склонировать соответствующий репозиторий <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и прислать нам пулреквест.</p> <p>{{Compat("http/headers/if-modified-since")}}</p> 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 --- <div>{{HTTPSidebar}}</div> 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 <p>Так что при вызове функции <code>makeAdder</code> создаётся новый объект 'scope' с единственным свойством: <code>a</code>, которому присваивается значение, переданное функции в качестве аргумента. Потом <code>makeAdder</code> возвращает новую анонимную функцию. В любом другом случае 'сборщик мусора' удалил бы объект scope, но возвращаемая функция ссылается на этот объект. В итоге объект scope не удаляется до тех пор, пока существует хотя бы одна ссылка на него.</p> -<p>Все объекты scope соединяются в цепочку областей видимости, которая похожа на цепочку прототипов в объектной системе JavaScript'а.</p> +<p>Все объекты scope соединяются в цепочку областей видимости, которая похожа на цепочку прототипов в объектной системе JavaScript.</p> <p><strong>Замыкание</strong> это связка из функции и объекта scope, созданного при её вызове. <a href="http://stackoverflow.com/questions/111102/how-do-javascript-closures-work">Подробнее о замыканиях здесь</a>.</p> 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); <p>Также возможно превращение некоторых рекурсивных алгоритмов в нерекурсивные, но часто их логика очень сложна, и для этого потребуется использование стека (<em>stack</em>). По факту рекурсия использует stack: function stack.</p> -<p>Поведение stack'а можно увидеть в следующем примере:</p> +<p>Поведение стека можно увидеть в следующем примере:</p> <pre class="brush: js">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 <ul> <li>Для символов, которые относятся к литералам, последующий символ - это специальный символ, который не должен быть интерпретирован, как литерал. Например, <code>/b/</code> совпадает с символом "b". Установ обратного слеша перед "b". Таким образом <code>/\b/</code>. Будет означать символ границы слова. </li> - <li>Для символов, которые относятся к специальным, определяет что это не специальным символ, а должен быть интерпретирован, как литерал. Например, <code>*</code> - это специальный символ, который означает 0 или любое другое совпадений предыдущего символа, Например <code>/a*/</code> совпадает с любым количеством символов "a" идущих подряд (или 0 "a") <code>a, aaaa, aaaaaa</code>. Если специальный символ <code>*</code>, как литерал, то перед ним ставится обратных слэш. Например, <code>/a\*/</code> совпадает только с "a*".</li> + <li>Для символов, которые относятся к специальным, определяет что это не специальным символ, а должен быть интерпретирован, как литерал. Например, <code>*</code> - это специальный символ, который означает 0 или любое другое совпадений предыдущего символа, Например <code>/a*/</code> совпадает с любым количеством символов "a" идущих подряд (или 0 "a") <code>a, aaaa, aaaaaa</code>. Если специальный символ <code>*</code>, как литерал, то перед ним ставится обратных слеш. Например, <code>/a\*/</code> совпадает только с "a*".</li> </ul> <div class="blockIndicator note"> 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 <td>Одно из следующего: <ul> <li>Для символов обычно обрабатываемых буквально, означает что следующий символ является специальным и не должен интерпретироваться буквально.</li> - <li style="list-style-type: none;">Например, <code>/b/ </code>сопоставляется символу 'b'. Добавляя слэш перед b, т.е используя <code>/\b/</code>, символ становится специальным символом, означающим границу слова.</li> + <li style="list-style-type: none;">Например, <code>/b/ </code>сопоставляется символу 'b'. Добавляя слеш перед b, т.е используя <code>/\b/</code>, символ становится специальным символом, означающим границу слова.</li> <li>Для символов обычно обрабатываемых особым образом означает, что следующий символ не является специальным и должен интерпретироваться буквально.</li> - <li style="list-style-type: none;">Например, <code>*</code> является специальным символом, сопоставляемым 0 или более повторений предыдущего символа; например, <code>/a*/</code> означает соответствие 0 или более символов а. Для буквальной интерпретации *, поставьте перед ней обратный слэш; например, <code>/a\*/</code> соответствует 'a*'.</li> + <li style="list-style-type: none;">Например, <code>*</code> является специальным символом, сопоставляемым 0 или более повторений предыдущего символа; например, <code>/a*/</code> означает соответствие 0 или более символов а. Для буквальной интерпретации *, поставьте перед ней обратный слеш; например, <code>/a\*/</code> соответствует 'a*'.</li> <li style="list-style-type: none;">Также не забудьте заэкранировать сам \ при его использовании в записи new RegExp("pattern") поскольку \ также является экранирующим символом в обычных строках.</li> </ul> </td> @@ -329,7 +329,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions <p>Скобки вокруг любой части регулярного выражения означают что эта часть совпадаемой подстроки будет запомнена. Раз запомнена, подстрока может выбрана для использования как это описано в {{ web.link("#Using_Parenthesized_Substring_Matches", "Using Parenthesized Substring Matches") }}.</p> -<p>Например, паттерн <code>/Chapter (\d+)\.\d*/</code> включает в себя дополнительные экранирующие и специальные символы и указывает на то, что часть шаблона должна быть запомнена. Он точно соответствует символам слова 'Chapter ', за которыми следует один или более цифровых символов (<code>\d</code> означает любой цифровой символ, а '<code>+'</code> означает 1 или более раз), за которым следует десятичная точка (сама по себе являющаяся специальным символом; предшествующий десятичной точке слэш ' \' означает, что паттерн должен искать литеральный символ '.'), после которой следует любой цифровой символ 0 или более раз ('<code>\d'</code> обозначает цифровой символ, '<code>*'</code> обозначает 0 или более раз). Кроме того, круглые скобки используются для запоминания первых же совпавших цифровых символов. </p> +<p>Например, паттерн <code>/Chapter (\d+)\.\d*/</code> включает в себя дополнительные экранирующие и специальные символы и указывает на то, что часть шаблона должна быть запомнена. Он точно соответствует символам слова 'Chapter ', за которыми следует один или более цифровых символов (<code>\d</code> означает любой цифровой символ, а '<code>+'</code> означает 1 или более раз), за которым следует десятичная точка (сама по себе являющаяся специальным символом; предшествующий десятичной точке слеш ' \' означает, что паттерн должен искать литеральный символ '.'), после которой следует любой цифровой символ 0 или более раз ('<code>\d'</code> обозначает цифровой символ, '<code>*'</code> обозначает 0 или более раз). Кроме того, круглые скобки используются для запоминания первых же совпавших цифровых символов. </p> <p>Этот шаблон будет найден во фразе "Open Chapter 4.3, paragraph 6" и цифра '4' будет запомнена. Но он не будет найден во фразе "Chapter 3 and 4", поскольку эта строка не имеет точки после цифры '3'.</p> @@ -623,7 +623,7 @@ console.log(output.join("\n")); <p>В след. примере, ожидается что пользователь введет телефонный номер и требуется проверить правильность символов набранных пользователем. Когда пользователь нажмет кнопку "Check", скрипт проверит правильность введенного номера. Если номер правильный (совпадает с символами определенными в регулярном выражении), то скрипт покажет сообщение благодарности для пользователя и подтвердит номер. Если нет, то скрипт проинформирует пользователя, что телефонный номер неправильный.</p> -<p>Внутри незахватывающих скобок <code>(?:, регуляное выражение ищет три цифры \d{3} ИЛИ |</code> открывающую скобку <code>\(, затем три цифры \d{3}</code>, затем закрывающую скобку <code>\), </code>(закрывающая незахватывающая скобка <code>)</code>), затем тире, слэш, или десятичная точка, и когда это выражение найдено, запоминает символ <code>([-\/\.])</code>, следующие за ним и запомненные три цифры <code>\d{3}</code>, следующее соответствие тире, слеша или десятичной точки <code>\1</code>, и следующие четыре цифры <code>\d{4}.</code></p> +<p>Внутри незахватывающих скобок <code>(?:, регуляное выражение ищет три цифры \d{3} ИЛИ |</code> открывающую скобку <code>\(, затем три цифры \d{3}</code>, затем закрывающую скобку <code>\), </code>(закрывающая незахватывающая скобка <code>)</code>), затем тире, слеш, или десятичная точка, и когда это выражение найдено, запоминает символ <code>([-\/\.])</code>, следующие за ним и запомненные три цифры <code>\d{3}</code>, следующее соответствие тире, слеша или десятичной точки <code>\1</code>, и следующие четыре цифры <code>\d{4}.</code></p> <p>Регулярное выражение ищет сначала 0 или одну открывающую скобку <code>\(?</code>, <code>затем три цифры \d{3}</code>, затем 0 или одну закрывающую скобку <code>\)?</code>, потом одно тире, слеш или точка и когда найдет это, запомнит символ<code>([-\/\.])</code>, след. три цифры<code> \d{3}</code>, followed by the remembered match of a dash, forward slash, or decimal point <code>\1</code>, followed by four digits <code>\d{4}</code>.</p> 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 <div>инструменты для создания масштабируемых и интерактивных веб-приложений. Многие</div> - <div>современные компании используют ффреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.</div> + <div>современные компании используют фреймворки для своих решений, поэтому многие задачи связанные с разработкой клиентской части веб-приложений теперь требуют опыта работы с ними.</div> </dd> <dt><a href="/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Повторное введение в JavaScript</a></dt> <dd>Обзор для тех, кто <em>думает</em>, что знает JavaScript.</dd> 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 <h2 id="Сообщение">Сообщение</h2> <pre class="syntaxbox">TypeError: недопустимое назначение const "x" (Firefox) -TypeError: присвоение переменной константы. (Хромированный) +TypeError: присвоение переменной константы. (Chrome) TypeError: присвоение const (Edge) TypeError: повторное объявление const 'x' (IE) </pre> 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]); <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> <div> -<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("javascript.builtins.Array.@@unscopables")}}</p> </div> 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 <p class="hidden">\{{EmbedInteractiveExample("pages/js/array-flatten.html")}}</p> -<p class="hidden">Исходный код этого интерактивного примера находится на гитхабе. Если вы желаете внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и пришлите нам пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера находится на гитхабе. Если вы желаете внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и пришлите нам пулреквест.</p> <h2 id="Синтаксис">Синтаксис</h2> 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";</code></pre> -<h3 id="Имена_функций_после_байндинга">Имена функций после байндинга</h3> +<h3 id="Имена_функций_после_привязки">Имена функций после привязки</h3> <p>{{jsxref("Function.bind()")}} производит функцию, получающую имя "bound и название самой функции.</p> 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 <div>{{EmbedInteractiveExample("pages/js/map-prototype-delete.html")}}</div> -<p class="hidden">Исходники данного интерактивного примера хранятся в репозитории GitHub. Если вы хотите внести свой склад в проект интерактивных примеров - пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и пришлите нам пул-реквест.</p> +<p class="hidden">Исходники данного интерактивного примера хранятся в репозитории GitHub. Если вы хотите внести свой склад в проект интерактивных примеров - пожалуйста, клонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и пришлите нам пулреквест.</p> <h2 id="Синтаксис">Синтаксис</h2> @@ -68,7 +68,7 @@ myMap.has("bar"); // Возвращает false. Элемента "bar" бо <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на данной странице сгенерирована из структурированных данных. Если вы хотите дополнить данные - пожалуйста клонируйте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и пришлите нам свой пул-реквест.</div> +<div class="hidden">Таблица совместимости на данной странице сгенерирована из структурированных данных. Если вы хотите дополнить данные - пожалуйста клонируйте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и пришлите нам свой пулреквест.</div> <p>{{Compat("javascript.builtins.Map.delete")}}</p> 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</pre> <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на данной странице сгенерирована из структурированных данных. Если вы хотите дополнить данные - пожалуйста клонируйте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и пришлите нам свой пул-реквест.</div> +<div class="hidden">Таблица совместимости на данной странице сгенерирована из структурированных данных. Если вы хотите дополнить данные - пожалуйста клонируйте <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и пришлите нам свой пулреквест.</div> <p>{{Compat("javascript.builtins.Map")}}</p> 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 --- <div>{{JSRef}}</div> -<p><code>Метод Promise.any()</code> принимает итерируемый объект содержащий объекты "обещаний" {{JSxRef("Promise")}}. Как только одно из "обещаний"(<code>Promise)</code> выполнится успешно(<code>fullfill</code>), метод возвратит единственный объект <code>Promise</code> со значением выполненного "обещания". Если ни одно из "обещаний" не завершится успешно(если все "обещания" завершатся с ошибкой, т.е. <code>rejected</code>), тогда возвращенный объект promise будет отклонен(<code>rejected</code>) с одним из значений: массив содержащий причины ошибки(отклонения), или {{JSxRef("AggregateError")}} — подкласс {{JSxRef("Error")}}, который объединяет выброшенные ошибки вместе. По-существу, метод <code>Promise.any()</code> является противоположностью для {{JSxRef("Promise.all()")}}.</p> +<p><code>Метод Promise.any()</code> принимает итерируемый объект содержащий объекты "обещаний" {{JSxRef("Promise")}}. Как только одно из "обещаний"(<code>Promise)</code> выполнится успешно(<code>fullfill</code>), метод возвратит единственный объект <code>Promise</code> со значением выполненного "обещания". Если ни одно из "обещаний" не завершится успешно(если все "обещания" завершатся с ошибкой, т.е. <code>rejected</code>), тогда возвращенный объект promise будет отклонен(<code>rejected</code>) с одним из значений: массив содержащий причины ошибки(отклонения), или {{JSxRef("AggregateError")}} — подкласс {{JSxRef("Error")}}, который объединяет выброшенные ошибки вместе. По существу, метод <code>Promise.any()</code> является противоположностью для {{JSxRef("Promise.all()")}}.</p> <div class="blockIndicator warning"> <p><strong>Warning!</strong> The <code>Promise.any()</code> method is experimental and not fully supported by all browsers. It is currently in the <a href="https://github.com/tc39/proposal-promise-any" rel="external">TC39 Candidate stage (Stage 3)</a>.</p> 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 <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> <div> -<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("javascript.builtins.RegExp.@@search")}}</p> </div> 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"] <h3 id="Использование_split_в_подклассах">Использование <code>@@split</code> в подклассах</h3> -<p>Подклассы {{jsxref("RegExp")}} могут переопределить <code>[@@split]()</code> для изменения дефольтного поведения.</p> +<p>Подклассы {{jsxref("RegExp")}} могут переопределить <code>[@@split]()</code> для изменения стандартного поведения.</p> <pre class="brush: js">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 </tr> <tr> <td><code>\\</code></td> - <td>обратный слэш</td> + <td>обратный слеш</td> </tr> <tr> <td><code>\n</code></td> 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 <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("javascript.builtins.Symbol.search")}}</p> 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) { <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице создаётся из структурированных данных. Если Вы хотите дополнить эти данные, ознакомьтесь с <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("javascript.builtins.Symbol.unscopables")}}</p> 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 <div>{{EmbedInteractiveExample("pages/js/expressions-this.html")}}</div> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории на GitHub. Если вы хотите поучаствовать в создании этого интерактивного примера, склонируйте репозиторий про адресу <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и присылайте пул-реквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории на GitHub. Если вы хотите поучаствовать в создании этого интерактивного примера, склонируйте репозиторий про адресу <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и присылайте пулреквест.</p> <h2 id="Синтаксис">Синтаксис</h2> 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 --- <div>{{jsSidebar("Statements")}}</div> <p>Выражение <strong><code>for await...of</code> </strong>создаёт цикл, проходящий через асинхронные итерируемые объекты, а также синхронные итерируемые сущности, включающие: встроенные {{jsxref("String")}}, {{jsxref("Array")}}, <code>Array</code>-подобные объекты (например., {{jsxref("Functions/arguments", "arguments")}} или {{domxref("NodeList")}}), {{jsxref("TypedArray")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, а также определяемые пользователем асинхронные/синхронные сущности. Он вызывает пользовательский итерационный хук с инструкциями, которые должны быть выполнены для значения каждого отдельного свойства объекта.</p> -<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пуллреквест.</p> +<p class="hidden">Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> и отправьте нам пулреквест.</p> <h2 id="Синтаксис">Синтаксис</h2> @@ -130,7 +129,7 @@ getResponseSize('https://jsonplaceholder.typicode.com/photos');</pre> <h2 id="Браузерная_совместимость">Браузерная совместимость</h2> -<div class="hidden">Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в эти данные, просмотрите https://github.com/mdn/browser-compat-data и отправьте пуллреквест. <span style="font-size: 1rem; letter-spacing: -0.00278rem;">{{Compat("javascript.statements.for_await_of")}}</span></div> +<div class="hidden">Таблица совместимости на этой странице генерируется из структурированных данных. Если вы хотите внести свой вклад в эти данные, просмотрите https://github.com/mdn/browser-compat-data и отправьте пулреквест. <span style="font-size: 1rem; letter-spacing: -0.00278rem;">{{Compat("javascript.statements.for_await_of")}}</span></div> <h2 id="Смотрите_также">Смотрите также</h2> 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 `строка текста ${выражение} строка текста` <h2 id="Description" name="Description">Описание</h2> -<p>Шаблонные литералы заключены в обратные кавычки (` `) вместо двойных или одинарных. Они могут содержать подстановки, обозначаемые знаком доллара и фигурными скобками (<code>${выражение}</code>). Выражения в подстановках и текст между ними передаются в функцию. По умолчанию функция просто объединяет все части в строку. Если перед строкой есть выражение (здесь это <code>tag</code>), то шаблонная строка называется "теговым шаблоном". В этом случае, теговое выражение (обычно функция) вызывается с обработанным шаблонным литералом, который вы можете изменить перед выводом. Для экранирования обратной кавычки в шаблонных литералах указывается обратный слэш <strong>\</strong>.</p> +<p>Шаблонные литералы заключены в обратные кавычки (` `) вместо двойных или одинарных. Они могут содержать подстановки, обозначаемые знаком доллара и фигурными скобками (<code>${выражение}</code>). Выражения в подстановках и текст между ними передаются в функцию. По умолчанию функция просто объединяет все части в строку. Если перед строкой есть выражение (здесь это <code>tag</code>), то шаблонная строка называется "теговым шаблоном". В этом случае, теговое выражение (обычно функция) вызывается с обработанным шаблонным литералом, который вы можете изменить перед выводом. Для экранирования обратной кавычки в шаблонных литералах указывается обратный слеш <strong>\</strong>.</p> <pre class="brush: js">`\`` === '`' // --> true</pre> @@ -229,7 +229,7 @@ latex`\unicode` <h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> -<div class="hidden">Таблица совместимости на этой странице сгенерирована из автоматически получаемых данных. Если вы хотите внести свои данные, пожалуйста перейдите на <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пул-реквест.</div> +<div class="hidden">Таблица совместимости на этой странице сгенерирована из автоматически получаемых данных. Если вы хотите внести свои данные, пожалуйста перейдите на <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> и отправьте нам пулреквест.</div> <p>{{Compat("javascript.grammar.template_literals")}}</p> 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 --- <div>{{JsSidebar("Advanced")}}</div> -<p>Типизированные массивы в JavaScript являются массива-подобными объектами, предоставляющими механизм доступа к сырым двоичным данным. Как вы уже можете знать, массив {{jsxref("Array")}} растет и обрезается динамически, и может содержать элементы любого типа JavaScript. Благодаря оптимизациям JavaScript движков, массивы остаются быстрыми. Однако, со временем, веб-приложения становятся все более и более мощными, появляется необходимость работы с аудио- и видео-данными, требуется доступ к сырым данным WebSocket`ов, и так далее. Становится очевидным, что возможность быстрой и эффективной работы с двоичными данными в JavaScript будет очень полезной, для чего типизированные массивы и предназначены.</p> +<p>Типизированные массивы в JavaScript являются массива-подобными объектами, предоставляющими механизм доступа к сырым двоичным данным. Как вы уже можете знать, массив {{jsxref("Array")}} растет и обрезается динамически, и может содержать элементы любого типа JavaScript. Благодаря оптимизациям JavaScript движков, массивы остаются быстрыми. Однако, со временем, веб-приложения становятся все более и более мощными, появляется необходимость работы с аудио- и видео-данными, требуется доступ к сырым данным WebSocket, и так далее. Становится очевидным, что возможность быстрой и эффективной работы с двоичными данными в JavaScript будет очень полезной, для чего типизированные массивы и предназначены.</p> <p>Не следует путать типизированные массивы с обычными массивами: так, например, вызов {{jsxref("Array.isArray()")}} для типизированного массива вернет <code>false</code>. Более того, не все методы, доступные для обычных массивов поддерживаются типизированными массивами (например, push и pop).</p> 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 <p>Кроме того, вы можете задать прозрачность заливке и обводке по отдельности в SVG. Их прозрачность управляется атрибутами <em>fill-opacity, stroke-opacity.</em></p> -<div class="note style-wrap">Замечание: в Файрфокс 3+ допустимы rgba-значения и это даёт такой же эффект прозрачности, но для совместимости с другими просмотрщиками часто лучше определить прозрачность обводки/заливки отдельно. Если вы укажете и rgba-значение и значение <em>fill-opacity/stroke-opacity - </em>будут применены оба.</div> +<div class="note style-wrap">Замечание: в Firefox 3+ допустимы rgba-значения и это даёт такой же эффект прозрачности, но для совместимости с другими просмотрщиками часто лучше определить прозрачность обводки/заливки отдельно. Если вы укажете и rgba-значение и значение <em>fill-opacity/stroke-opacity - </em>будут применены оба.</div> <h3 id="Stroke" name="Stroke">Обводка (Stroke)</h3> 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 <p>Пример показывает элемент <em>path</em>, который проходит по странице диагонально. В центре этого элемента вырезаны две эллиптические дуги (радиус x = 30, радиус y = 50). В первой дуге параметр <em>x-asix-rotation = 0</em>, а это означает, что эллипс, по которому проходит дуга (показан серым) расположен вертикально. Во второй дуге параметр <em>x-asix-rotation = -45. </em>Это поворачивает эллипс так, что направление его малой оси совпадает с направлением пути, как это видно на рисунке выше.</p> -<p>Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - <em>large-arc-flag. </em>Он определяет, должна ли дуга быть больше или меньше 180 гградусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - <em>sweep-flag. </em>Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.</p> +<p>Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - <em>large-arc-flag. </em>Он определяет, должна ли дуга быть больше или меньше 180 градусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - <em>sweep-flag. </em>Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.</p> <p><img alt="Show the 4 arcs on the Ellipse example" src="https://mdn.mozillademos.org/files/15822/SVGArcs_XAxisRotation_with_grid_ellipses.png"></p> @@ -208,7 +208,7 @@ translation_of: Web/SVG/Tutorial/Paths <p>Если start->end точки расположены далеко и не попадают в пределы градусов эллипсов по x и y, то в этом случае радиусы эллипсов будут увеличены до величины, нужной чтобы достичь точек start->end. Интерактивный codepen внизу этой страницы наглядно это демонстрирует. Для определения достаточны ли велики радиусы ваших эллипсов чтобы требовать увеличения, вам нужно решить систему уравнений подобную <a href="https://www.wolframalpha.com/input/?i=solve+((110+-+x)%5E2%2F36%5E2)+%2B+((215+-+y)%5E2%2F60%5E2)+%3D+1,+((150.71+-+x)%5E2%2F36%5E2)+%2B+((170.29+-+y)%5E2%2F60%5E2)+%3D+1">этой на wolfram alpha</a>. Это вычисление для non-rotated эллипса с start->end (110, 215)->(150.71, 170.29). Решением, (x, y), является центр эллипса(ов). Следующее вычисление для non-rotated эллипса с start->end (110, 215)->(162.55, 162.45). Решение будет <a href="https://www.wolframalpha.com/input/?i=solve+((110+-+x)%5E2%2F30%5E2)+%2B+((215+-+y)%5E2%2F50%5E2)+%3D+1,+((162.55+-+x)%5E2%2F30%5E2)+%2B+((162.45+-+y)%5E2%2F50%5E2)+%3D+1">мнимым</a> если радиусы ваших эллипсов слишком малы. Решение содержит небольшой мнимый компонент потому, что эллипсы были лишь слегка расширены.</p> -<p>Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - <em>large-arc-flag. </em>Он определяет, должна ли дуга быть больше или меньше 180 гградусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - <em>sweep-flag. </em>Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.</p> +<p>Четыре разных пути, упомянутых выше определяются с помощью двух аргументов-флагов. Как упоминалось ранее, есть ещё два возможных эллипса для обхода пути и два разных возможных пути на обоих эллипсах, что даёт четыре возможных пути. Первый аргумент - <em>large-arc-flag. </em>Он определяет, должна ли дуга быть больше или меньше 180 градусов. В конечном счёте этот флаг определяет, в каком направлении дуга будет обходить данный круг. Второй аргумент - <em>sweep-flag. </em>Он определяет, должна дуга двигаться по отрицательным углам или по положительным, т.е. по сути определяет по какому из двух кругов она будет идти. Пример ниже показывает все четыре возможные комбинации.</p> <p><img alt="" class="internal" src="/@api/deki/files/345/=SVGArcs_Flags.png" style="float: right;"></p> @@ -229,6 +229,6 @@ translation_of: Web/SVG/Tutorial/Paths <p>Последние два аргумента, если вы ещё не догадались, обозначают координаты x и y, где заканчивается дуга. Дуги - лёгкий способ создавать части кругов или эллипсов в ваших рисунках. Например, круговая диаграмма требует отдельную дугу для каждого куска диаграммы.</p> -<p>Если вы переходите в SVG из Canvas`а, дуги могут быть самой трудной вещью для изучения, но они также очень мощные. Т.к. начальная и конечные точки для любого пути, обходящего круг, одно и то же место, существует бесконечное количество кругов, которые могут быть выбраны и действительный путь не определен. Возможно приблизить их, сделав начальную и конечную точку пути слегка разными и соединив их с другими сегментами пути. В этой точке, часто проще использовать настоящий круг или эллипс. Это интерактивное демо может помочь понять основные принципы SVG-дуг: <a href="http://codepen.io/lingtalfi/pen/yaLWJG">http://codepen.io/lingtalfi/pen/yaLWJG</a> (протестировано только в Хром и Файрфокс, может не работать в вашем браузере)</p> +<p>Если вы переходите в SVG из Canvas`а, дуги могут быть самой трудной вещью для изучения, но они также очень мощные. Т.к. начальная и конечные точки для любого пути, обходящего круг, одно и то же место, существует бесконечное количество кругов, которые могут быть выбраны и действительный путь не определен. Возможно приблизить их, сделав начальную и конечную точку пути слегка разными и соединив их с другими сегментами пути. В этой точке, часто проще использовать настоящий круг или эллипс. Это интерактивное демо может помочь понять основные принципы SVG-дуг: <a href="http://codepen.io/lingtalfi/pen/yaLWJG">http://codepen.io/lingtalfi/pen/yaLWJG</a> (протестировано только в Chrome и Firefox, может не работать в вашем браузере)</p> <p>{{ PreviousNext("Web/SVG/Tutorial/Basic_Shapes", "Web/SVG/Tutorial/Fills_and_Strokes") }}</p> 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 <dt><a href="http://en.wikiversity.org/wiki/Web_Design/CSS_challenges" rel="external">CSS Challenges</a> (Wikiversity)</dt> <dd>Улучшите ваши навыки CSS, и обратите внимание на то, где вам нужно больше практики.</dd> <dt><a href="http://www.html.net/tutorials/css/" rel="external">Intermediate CSS Concepts</a> (HTML.net)</dt> - <dd>Группировка, псевдо-классы и многое другое.</dd> + <dd>Группировка, псевдоклассы и многое другое.</dd> <dt><a href="http://www.alistapart.com/articles/css-positioning-101/" rel="external">CSS Positioning 101</a> (A List Apart)</dt> <dd>Использование позиционирования в соответствии со стандартами, без использования таблиц.</dd> <dt><a href="http://www.alistapart.com/articles/progressiveenhancementwithcss/" rel="external">Progressive Enhancement with CSS</a> (A List Apart)</dt> |