HTML中<link>标签的运用

发布时间：2023-07-17 13:24:48 所属栏目：教程来源：

导读：在HTML中<link>标签用于放在头部链接外部的资源，如CSS样式表，收藏夹图标等。

下面是一个link标签的使用例子：

<!DOCTYPE html>
<html>
<head>
<title>错新网CUOXIN首页 - 错新网CUOXIN</title>
<meta

在HTML中<link>标签用于放在头部链接外部的资源，如CSS样式表，收藏夹图标等。

下面是一个link标签的使用例子：

<!DOCTYPE html>
<html>
<head>
<title>错新网CUOXIN首页 - 错新网CUOXIN</title>
<meta name="keywords" content="错新网,C#编程,数据库,电脑技术,SQL Server,数据库设计" />
<link href="css/style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<p>网页的主题内容。</p>
</body>
</html>

上面的例子中第6行就是link使用的方法，从例子中可以看到，其常用的有3个属性：href、type和rel。

（1）href属性 href属性规定了被链接文档的位置。

（2）type属性该属性规定了被链接文档的 MIME 类型。

（3）rel属性规定当前文档与被链接文档之间的关系。

在ASP.NET中，type属性的取值主要有以下几种：

text/asa、text/asp、text/css、text/html、text/javascript、text/jscript、text/plain、text/scriptlet、text/vbscript、text/x-component、text/x-html-insertion、text/xml

如果在link中想连接css的外部资源，则type属性的值要选择text/css。

rel属性的取值主要有以下几种：

值   描述
alternate   链接到该文档的替代版本（例如打印页、翻译或镜像）
author   链接到该文档的作者。
help   链接到帮助文档。
icon   表示该文档的图标。
licence   链接到该文档的版权信息。
next   集合中的下一个文档。
pingback   指向 pingback 服务器的 URL。
prefetch   规定应该对目标文档进行缓存。
prev   集合中的前一个文档。
search   链接到针对文档的搜索工具。
sidebar   链接到应该显示在浏览器侧栏的文档。
stylesheet   指向要导入的样式表的 URL。
tag   描述当前文档的标签（关键词）。
注意link标签因为不像<head>、<body>、<p>等标签那样是成对出现的，而link标签是但标签。所以根据W3C标准规定，在<link>标签的最后的>前加一个/结束，即像<link .... ... />一样构成完整的一个link标签。

在用于样式表时，<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!