link标签的real属性理解

由于平时总是习惯性的复制粘贴<head>的链接内容，导致写页面时不复制了反而不知道该如何写了。写好了简单的css样式表链接到html中，结果却没有显示应有的样式，经过检查发现忘记写<link>的rel属性了，然后顺便复习了下<link>的属性。
<link>元素规定了外部资源与当前文档的关系，属于空元素，只有起始标签，不需要结束标签，最常用于链接样式表。
通过查阅相关文档可以看出：rel属性指明被链接文档与当前文档的关系，rel属性值有很多，其中只有stylesheet这个属性得到了所有浏览器的支持，而其他值只得到了部分支持。
rel=”stylesheet”指明被链接的文档是一个外部样式表，如果没有这个属性，浏览器就无法进行正确的解读，css样式无法正常的被显示。
rel常用的其他属性
alternate 文档的替代版本（比如打印页、翻译或镜像）。
stylesheet 文档的外部样式表。
next 集合中的下一个文档。
prev 集合中的上一个文档。
contents 文档的目录。
index 文档的索引。
icon 该文档的图标
help 帮助文档。
license 链接到该文档的版权信息。
author 链接到该文档的作者。
反思：看再多遍也只是当成知识来学习，不与实践相结合，还是很容易忘记，一定要记得多实践，切记！

link标签的real属性理解相关推荐

a link 标签的disabled属性实现disabled/enable
由于a link是disabled属性设置成true,只是颜色变灰色但是还能提交.要想不能提交,可以删除href属性: disable link [html] view plaincopy funct ...
link 标签的 rel 属性
2019独角兽企业重金招聘Python工程师标准>>> rel 属性规定当前文档与被链接文档之间的关系. 只有 rel 属性的 "stylesheet" 值得到了 ...
HTML标签和说明属性
HTML  注释标签标签定义及使用说明所有主流浏览器都支持  注释标签.  注释标签用来在源文档中插 ...
[html] link标签的属性media有哪些值？都有什么作用？
[html] link标签的属性media有哪些值?都有什么作用? 根据w3c的介绍,media属性表示link的链接文档会应用于何种媒介(设备)上.用于为不同的媒介类型规定不同的样式.常用的值为sc ...
html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标
html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...
React-router（8）Link 标签 to 属性为对象时（路由信息传值）
8.Link 标签 to 属性为对象时(路由信息传值) DEMO地址参考 6.routeInfo.js 在组件里,每个组件的路由数据,都是各自独立的. 在之前分析中,已知: match 属性的值,存 ...
前端中关于HTML标签label的属性for的理解
First:<label>的说明: 1.<label>标签为input元素定义标注(标识) 2.label元素不会像用户呈现任何特殊的效果,仅作为显示扩展:不过,它为鼠标用户 ...
HTML5新增相关标签的和属性
总结一下今天学习的h5新增标签和属性今天一共学了流.图标.响应式图像.音频视频.列表.h5超链接定义流: 流表示图表.照片.图形.插图.代码片段等独立的内容.在 h5之前没有专门去实现的这个目的的 ...
【详细】HTML的Link标签的参数以及用法
关于HTML的Link标签的参数以及用法文章目录关于HTML的Link标签的参数以及用法 charset href hreflang media rel rev sizes target type ...
html里link使用方法,html的link标签怎么使用？
html的link标签怎么使用?link标签是放在与之间的,把link放入这对符号中间<>,写成这样,然后在link后面添加属性和属性对应的值, 新手同学看到这里估计一头雾水,别担心,如 ...

link标签的real属性理解

link标签的real属性理解相关推荐

最新文章

热门文章