HTML冷知识: link标签中 rel=* 的作用

最新推荐文章于 2022-02-10 16:19:14 发布
最新推荐文章于 2022-02-10 16:19:14 发布
阅读量280 收藏
点赞数
原文链接：https://my.oschina.net/wolfx/blog/697918
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

rel的作用

Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。

最常用的写法, 即外链CSS

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

rel 该属性规定当前文档与被链接文档之间的关系。但是，只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。

值| 描述 --|-- alternate|文档的替代版本（比如打印页、翻译或镜像） stylesheet|文档的外部样式表 start|集合中的第一个文档 next|集合中的下一个文档 prev|集合中的上一个文档 contents|文档的目录 index|文档的索引 glossary|在文档中使用的词汇的术语表（解释） copyright|包含版权信息的文档 chapter|文档的章 section|文档的节 subsection|文档的小节 appendix|文档的附录 help|帮助文档 bookmark|相关文档

转载于:https://my.oschina.net/wolfx/blog/697918

weixin_34249678
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
标签的rel属性全解析
weixin_30879833的博客
06-01 698
<link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中，<link> 标签没有结束标签。在 XHTML 中，<link> 标签必须被正确的关闭。 除了HTML的标准通用属性之外，link元素还包括很多可选属性: charse...
HEAD：:moai:文档头中*可能*包含的所有内容的列表
02-03
在网页开发中，`<head>` 标签是HTML文档结构的重要组成部分，它位于文档的顶部，不被直接显示在浏览器窗口中，但为页面提供了关键的元信息。`<head>` 中可以包含多种元素，这些元素对于网页的正确解析、搜索引擎优化...
link标签中rel属性的作用
weixin_30896511的博客
06-20 417
Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。link标签是用于当前文档引用外部文档的 这个标签的rel属性用于设置对象和链接目标间的关系，说白了就是指明你链进来的对象是个什么， rel各个属性值配置的意思： Alternate -- 定义交替出现的链接 Stylesheet -- 定义一个外部加载的样式...
＜link＞便签中的属性rel的作用汇总
谁人打的太极拳的博客
03-05 2154
<link>便签中的属性rel的作用 link标签引入外部css文件的时候，忘记加上rel=stylesheet，结果css样式显示不出来。 Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。 link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。就是说链接出来的对象是什么东西，什么内容。 rel各个属性值配置 Alternate – 定义交替出现的链接 Stylesheet – 定义一个外部加载的样式表 Star
link 引入时 rel的作用
y1s2y3的博客
08-13 745
1. alternate 链接到该文档的替代版本（比如打印页、翻译或镜像）   2. author 链接到该文档的作者、   3. help 连接到帮助文档、   4. icon 导入表示该文档的图标   5. license 链接到该文档的版权信息、   6. next表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档   7. prev 表示该文档是集合中的...
HTML <link> 标签的 rel 属性
evilcry2012的专栏
07-30 1083
HTML 标签的 rel 属性 HTML 标签 实例 在下面的例子中，rel 属性指示被链接的文档是一个样式表： rel="stylesheet" type="text/css" href="theme.css" /> 亲自试一试 定义和用法 rel 属性规定当前文档与被链接文档之间的关系。 浏览器支持 只有
HTML+CSS知识（2）
06-28
2. **内嵌式**：将 CSS 规则写在 `<style>` 标签中，并置于 `<head>` 部分。这种方法适合样式较少的情况，但仍然不如外联式那样方便管理和共享。 ```html p { color: red; } 这是一个红色文本。 `...
HTML:html的一些基础知识
04-29
"`）或链接外部CSS文件（`<link rel="stylesheet" href="styles.css">`）来改变元素的外观。CSS提供了丰富的选择器和属性，实现布局、颜色、字体等视觉效果。 6. HTML5新特性 HTML5引入了许多新元素，如`<header>`...
Desafio-HTML-Basico:Criar umcurrículousando HTML
03-09
- ****标签或外部CSS文件（`<link rel="stylesheet" href="style.css">`）用于添加样式，如颜色、字体和布局。 完成这个挑战时，你需要结合这些知识点，用HTML编写一个结构清晰、内容丰富的简历页面。记得保持代码...
aboutme:HTML和CSS中的About.me网站
05-30
1. **头部** (Header): 包含页面元信息，如字符编码（`<meta charset="UTF-8">`），标题（`<title>`）以及可能的样式表引用（`<link rel="stylesheet" href="style.css">`）。 2. **主体** (Body): 实际的网页内容...
【131031】rel 属性 -- link标签中的rel属性,定义了文档与链接的关系
aimengge6193的博客
04-23 175
此属性通常出现在a,link标签中 属性值 Alternate-- 定义交替出现的链接 Alternate 属性值 -- alternate是LinkTypes的一个值,网页设计者可以通过此值,设计交替出现的链接 此属性值通常在,rel,rev属性中出现 示例 定义两种不同的样式,用户可以通过浏览器选择样式(ie不支持此属性) rel="s...
link标签中的rel
qq_25503949的博客
04-25 2732
link标签中的rel 我们在html文件中引入css文件： <link href="style.css" rel="stylesheet"> 如果没有rel属性 就不会成功引入css文件 这是为什么呢？ html的link标签是用于当前文档引用外部文知档用的，rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写；道stylesheet中style是...
HTML link标签的rel属性
Hi_YanXL的博客
10-27 882
HTML&lt;link&gt;标签的rel属性指定当前文档和其他文档的关系。 stylesheet ：用于调用外部样式表（css文件），此值得到所有浏览器的支持。 其他属性值参考w3school http://www.w3school.com.cn/tags/att_link_rel.asp  ...
HTML中link的rel属性
XF的专栏
01-14 2549
rel：relation 意即：与当前HTML文档的关系。
html之link的rel属性
david专栏
05-03 1546
添加数据 设定外部文件的链接。 标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确的关闭。 除了HTML的标准通用属性之外，link元素还包括很多可选属性: charset, href, hrefla
html中link的rel属性,htmllink标签rel属性15种用法汇总!stylesheet须牢记
weixin_42565971的博客
06-04 3991
htmllink标签rel属性15种用法汇总!stylesheet须牢记2021/02/23 丨 文章来源：思程前端 | 文章作者：haishishebudewo 丨 浏览次数：市面上所有的主流浏览器，都支持link标签，包括ie低版本，虽然link标签是空元素，没有结束标签，但作用很大，主要用法在于link标签rel属性，其属性值分为15种，也就是15种用法，而tylesheet须牢记，具体讲解...
CSS--rel=“stylesheet“
weixin_45406850的博客
02-10 3147
最近一次在写网页练习的时候，发现页面什么东西都不出现，只留滚动条在页面上。 也没有设置隐藏或者透明。 我打开代码的时候，发现link标签引入内容很短，当我把rel=“stylesheet” 写入之后，查看浏览器发现问题解决了。 rel=“stylesheet” 这个东西到底是什么？ 在< link >标签中，rel是relations的缩写，是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。 由于css还不能抓取rel与rev的属性值，所以没
网页代码中的rel="bookmark"表示什么意思？
美国主机评测
12-19 2885
对于站长来说，可能对网站SEO比较关心，所以也会常常关注网页源代码，而在网站源代码中，可能经常在<a>或者<link>元素中看到含有rel="bookmark"这个属性，那这个表示什么意思呢？本文简单介绍下。 首先说明，rel是英文单词relationship的缩写。 看如下这样代码： <a href="http://www.appjzw.com/306.ht...
js通过判断实现 link rel="icon" 的改变
qq_40295815的博客
02-11 1754
if (workLength > 0) { var link = document.querySelector('link[rel*="icon"]') ||document.createElement('link') link.type = 'image/x-icon' link.rel = 'shortcut icon' link.href = 'htt...
HTML基础知识：标签结构与代码实践
- `<link>`除了设置图标外，还可链接CSS文件（如`<link rel="stylesheet" href="...">`）。 了解这些基本概念和实践技巧，将有助于构建和理解HTML文档的结构，以及在VSCode这样的编辑器中高效编写HTML代码。熟练...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值