成都网站建设设计

将想法与焦点和您一起共享

html中<link>标签的示例分析

这篇文章主要为大家展示了“html中标签的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html中标签的示例分析”这篇文章吧。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的和平网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

html网页中head之link标签
什么是link标签?
link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标(favicon.ico),标签最常见的用途是链接外部样式表,外部资源。

html中<link>标签的示例分析
link引人外部CSS与引人ico网站图标截图

link实例

链接外部css样式时候link标签的内容结构解释——css引用
href值为外部资源地址,这里是css的地址
rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet
type规定被链接文档的 MIME 类,这里是值为text/css

这样就构成了一个完整的link标签

注意link标签因为不像、是一对的,解释还需一个斜杠的标签,这里link样式是放在内的。

根据W3C标准,需要直接用斜杠一个">"结束,如构成完整的一个link标签。

使用link引用网页收藏夹图标

ICO图标引人代码如下:

link标签的内容结构解释
href值为外部资源地址这里是收藏夹图标地址
rel定义当前文档与被链接文档之间的关系,这里是外部icon图标属性
type规定被链接文档的 MIME 类,这里是值为image/x-icon

相关知识:favicon ico制作教程

div+css通过对head标签内link“”标签讲解,希望对大家有帮助。在一个网页中常用就这两种,也许会碰到rel值不同的,大致使用方法相同。

特别说明标签不一定必须放置在标签内,可以适当放置在下以上部分,效果相同,但是推荐标准的放置在head标签内。

以上是“html中标签的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:html中<link>标签的示例分析
转载来于:http://chengdu.cdxwcx.cn/article/gogedh.html