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 技能。关于本测验本测验包含 20 道题,每道题的最长答题时间是 20 分钟(这是由于每个 ses...
HTML表单文本域使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用textarea标签。在表单元素...
HTML插件 插件的功能是扩展 HTML 浏览器的功能。 HTML 助手(插件) 辅助应用程序(helper application)是可由浏览器启动的程序...
HTML iframe iframe 元素在现有元素中嵌入另一个HTML文档。它有局部属性: src,srcdoc,name,width,height,sandbox,seamless...