link 元素在HTML文档和之间创建关系外部资源，CSS样式表或Javascript文件。
link 元素具有局部属性: href，rel，hreflang，media，type，sizes 。
text/css 或 image/x-icon.sizes 属性已在HTML5中添加，属性 charset ， rev 和 target 在HTML5中已过时。
rel 属性值决定浏览器如何处理link元素。以下列表显示 rel 属性的常见值。
为了演示link元素，创建了一个名为 styles.css 的样式表，其具有以下内容。
a {
background-color: grey;
color: red;
padding: 0.5em;
}
要应用这个样式表，我们可以使用link元素，如下面的代码所示。
<!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <p>This is a test.</p> <a href="http://www..cn">Visit www..cn</a> </body> </html>
您可以使用多个 link 元素来加载多个外部资源。外部样式表可以在多个文档中重用。
您可以要求浏览器预加载资源。
下面的代码显示了使用 link 元素来指定预加载。
<!DOCTYPE HTML> <html> <head> <link rel="prefetch" href="/page2.html" /> </head> <body> <p>This is a test.</p> <a href="http://www..cn">Visit www..cn</a> <a href="page2.html">Page 2</a> </body> </html>
上面的代码将 rel 属性设置为 prefetch，并指定HTML页面 page2.html 被加载，期望用户将使用此页面。
HTML中如何键入空格一个空格的键入在 html 网页中一个空格，我们可以键入“空格”键即可实现。多个 html 空格字符如果在 html 中...
CSS概述1. Cascading Style Sheets 层叠样式表，它可以控制多重网页的样式和布局；2. 需具备的基础知识：HTML、XHTML；3. 主要实...
响应式 Web 设计 - 网格视图什么是网格视图? 很多网页都是基于网格设计的，这说明网页是按列来布局的。使用网格视图有助于我们设...
我们都知道 HTML 和 CSS 是作用不相同的两种语言，但是它们对一个网页能够同时产生作用，网页（webPage）= 内容（html） + 表现...
