HTML | <link> 标签 rel属性的作用

HTML | <link> 标签 rel属性的作用,第1张

link 标签 :用于引入外部的文档,常用到引用css样式或icon图标

href 属性 :是外部文档的url

rel属性 :用于指明链接进来的外部对象是什么属性

rel属性的配置表示如下:

Stylesheet -- 定义一个外部加载的样式表

Index -- 当前文档的索引

Icon - 定义一个外部的图标

Alternate -- 定义交替出现的链接

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

HTML <link>标签

实例

连接一个外部样式表:

<head><link rel="stylesheet" type="text/css" href="theme.css" /></head>

浏览器支持、IE、Firefox、Chrome、Safari、Opera

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

定义和用法

<link>标签定义文档与外部资源的关系。

<link>标签最常见的用途是链接样式表。

HTML 与 XHTML 之间的差异

在 HTML 中,<link>标签没有结束标签。

在 XHTML 中,<link>标签必须被正确地关闭。

提示和注释:

注释:link 元素是空元素,它仅包含属性。

注释:此元素只能存在于 head 部分,不过它可出现任何次数。

全局属性

<link>标签支持 HTML 中的全局属性。

事件属性

<link>标签支持 HTML 中的事件属性。

TIY 实例

链接到一个外部样式表

本例演示如何 <link>标签链接到一个外部样式表。

HTML5 <link>标签

1、定义和用法

<link>标签定义文档与外部资源之间的关系。

<link>标签大多数时候都用来连接样式表。

2、实例

链接到一个外部样式表:

<head>

    <link rel="stylesheet" type="text/css" href="style.css" />

</head>

3、浏览器支持

所有主流浏览器都支持 <link>标签。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6116991.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存