From 94b8dc546731c96f0d9070401a1bfe58105d5411 Mon Sep 17 00:00:00 2001 From: Elan Bin Date: Thu, 8 Jul 2021 00:48:19 +0800 Subject: Update Web/HTML/Element/link, zh-CN (#1430) add 'brush: html' in to the pre label classList, made the code highlight and also can be copy --- files/zh-cn/web/html/element/link/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/files/zh-cn/web/html/element/link/index.html b/files/zh-cn/web/html/element/link/index.html index 6d3434f55d..786ecb0e16 100644 --- a/files/zh-cn/web/html/element/link/index.html +++ b/files/zh-cn/web/html/element/link/index.html @@ -23,23 +23,23 @@ translation_of: Web/HTML/Element/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属性内部进行查询；这种资源将只在满足媒体条件的情况下才被加载进来。例如：

 
-
<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")}}请求来获取。

@@ -255,7 +255,7 @@ translation_of: Web/HTML/Element/link
 
 
您可以在同一页面上包含指向多个不同图标的链接，浏览器将使用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">
@@ -270,7 +270,7 @@ translation_of: Web/HTML/Element/link
 
 
您可以在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)">

-- 
cgit v1.2.3-54-g00ecf