From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/web/html/element/link/index.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'files/ru/web/html/element/link/index.html') diff --git a/files/ru/web/html/element/link/index.html b/files/ru/web/html/element/link/index.html index 8d72fa0b3e..de177c77d6 100644 --- a/files/ru/web/html/element/link/index.html +++ b/files/ru/web/html/element/link/index.html @@ -19,29 +19,29 @@ original_slug: Web/HTML/Element/ссылка

Чтобы подключить таблицу стилей, вы должны включить элемент <link> внутри вашего {{HTMLElement("head")}} следующим образом:

-
<link href="main.css" rel="stylesheet">
+
<link href="main.css" rel="stylesheet">

В этом простом примере указывается путь к таблице стилей внутри атрибута href и атрибут rel со значением stylesheet. rel означает "отношения (relationship)", и, вероятно, является одной из ключевых особенностей элемента <link>  — значение сообщает как указанный элемент связан с  содержащим его документом. Как вы увидите в нашем справочнике типы ссылок, есть много различных видов отношений.

Существует ряд других распространённых типов, с которыми вы столкнётесь. Например, ссылка на сайт иконок:

-
<link rel="icon" href="favicon.ico">
+
<link rel="icon" href="favicon.ico">

Есть ряд других значений rel для иконок, в основном, используемых для обозначения специальных типов иконок для использования на различных мобильных платформах, например:

-
<link rel="apple-touch-icon-precomposed" sizes="114x114"
+
<link rel="apple-touch-icon-precomposed" sizes="114x114"
       href="apple-icon-114.png" type="image/png">

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

 
 
Вы можете, также, указать медиа тип или запрос внутри атрибута media; этот ресурс будет загружен только в том случае, если media состояние равно true. Например:

 
-
<link href="print.css" rel="stylesheet" media="print">
+
<link href="print.css" rel="stylesheet" media="print">
 <link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">

 
 
В элемент <link> также были добавлены некоторые новые интересные возможности производительности и безопасности, к примеру:

 
-
<link rel="preload" href="myFont.woff2" as="font"
+
<link rel="preload" href="myFont.woff2" as="font"
       type="font/woff2" crossorigin="anonymous">

 
 
Значение rel - preload указывает, что браузер должен предварительно загрузить этот ресурс (смотрите Предварительная загрузка контента при помощи rel="preload" для более подробной информации), атрибут as указывает на определённый класс загружаемого контента. Атрибут crossorigin указывает должен ли ресурс загружаться с помощью запроса  {{Glossary("CORS")}}.

@@ -180,7 +180,7 @@ original_slug: Web/HTML/Element/ссылка
 
 
Включение таблицы стилей на страницы имеет следующий синтаксис:

 
-
<link href="style.css" rel="stylesheet">
+
<link href="style.css" rel="stylesheet">
 

 
 
Предоставление альтернативных таблиц стилей

@@ -189,7 +189,7 @@ original_slug: Web/HTML/Element/ссылка
 
 
Пользователь может выбрать, какую таблицу стилей использовать, выбрав её в меню  Вид > Стиль страницы. Это позволяет пользователям видеть мультиверсию страницы.

 
-
<link href="default.css" rel="stylesheet" title="Default Style">
+
<link href="default.css" rel="stylesheet" title="Default Style">
 <link href="fancy.css" rel="alternate stylesheet" title="Fancy">
 <link href="basic.css" rel="alternate stylesheet" title="Basic">
 

@@ -198,7 +198,7 @@ original_slug: Web/HTML/Element/ссылка
 
 
Вы можете включить ссылки на несколько различных иконок на одной странице, и браузер выберет, какая из них лучше подходит для его конкретного контекста, используя значения rel и sizes как подсказки.

 
-
<!-- third-generation iPad with high-resolution Retina display: -->
+
<!-- third-generation iPad with high-resolution Retina display: -->
 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicon144.png">
 <!-- iPhone with high-resolution Retina display: -->
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon114.png">
@@ -213,7 +213,7 @@ original_slug: Web/HTML/Element/ссылка
 
 
Вы можете предоставить тип медиа или запрос внутри атрибута media; этот ресурс будет загружен только в том случае, если условия медиа равно true. Например:

 
-
<link href="print.css" rel="stylesheet" media="print">
+
<link href="print.css" rel="stylesheet" media="print">
 <link href="mobile.css" rel="stylesheet" media="all">
 <link href="desktop.css" rel="stylesheet" media="screen and (min-width: 600px)">
 <link href="highres.css" rel="stylesheet" media="screen and (min-resolution: 300dpi)">
@@ -223,7 +223,7 @@ original_slug: Web/HTML/Element/ссылка
 
 
Вы можете определить,  когда таблица стилей была загружена, наблюдая за событием  load, запускающимся в нем; аналогично, вы можете обнаружить, произошла ли ошибка при обработки таблицы стилей, наблюдая за событием error:

 
-
<script>
+
<script>
 var myStylesheet = document.querySelector('#my-stylesheet');
 
 myStylesheet.onload = function() {
-- 
cgit v1.2.3-54-g00ecf