-沧州之窗网

 找回密码
 立即注册
国际 国内 沧州 社会 科技 IT 互联网 数码 论坛 游戏 旅游 娱乐 教育 农业 校园 财经 体育 NBA 足球 星座 时尚 美容 服饰 健康 房产 家居 历史 酒店 美食 汽车 招聘 婚嫁 育儿 医院 特产 家乡 儿童 文学 故事 武术
查看: 257|回复: 1

link标签的用法及link属性大全

[复制链接]

11

主题

11

主题

11

主题

注册会员

Rank: 2

积分
51
发表于 2016-12-26 10:28:39 | 显示全部楼层 |阅读模式
link标签
    link标签是网页头部head中的元素,在html语言中,link标签是单独出现的,并且可以被多次使用,该元素的用途是与外部文件建立链接,例如我们打开“搜狐门户网”的首页查看源代码:
    在一个html文件中,link标签还包含许多其它属性,其中最常见的是使用link元素链接外部的CSS样式表,语法如下:
    link type="text/css"
    rel="stylesheet" href="style.css" /
    link标签需要用一个反斜杠结束,这样才符合W3C标准,上述语法用html语言解释为:
    link type="定义当前文本内容以层叠样式表(CSS)来解析"
    rel="定义当前文档与被链接文档之间的关系,这里是调用外部文件,stylesheet即代表css样式表。"
    href="定义被链接文档的位置,这里链接所指向的是:同一目录下名为style.css的文件。"
    除了以上案例,link标签中还包含着许多其它属性,我们通过下面的介绍来逐一认识link标签里所包含的属性都有哪些吧!
    HTML语言中的 link href 是什么意思?
    link 是链接外部文件所使用的一个标签,href
    属性是用于指定目标的路径,它表示引入的外部文件,指向的文件地址,一般用于调用外部的CSS,Js文件等;所有主流浏览器都支持
    href属性。link href 有两种链接URL的方式:
    A、 绝对路径:非常明确的指向目标地址,常用于指向另一个网站,写法(link
    )
    B、 相对路径:方便于网站内部某些文件之间的移放,用于站内的写法(link href="/指向站内的文件地址")
    link标签的属性
    chaet属性 :规定了被链接文档的字符编码方式。该属性不被 HTML5 支持。
    hreflang属性:规定被链接文档的语言,如:href 代表是个中文网站,href
    代表英文网站。
    href属性:定义资源的链接 URL。内容为一个绝对URL链接或者是相对URL。
    type属性:指定所连接文档的MIME类型,css的MIME是type/css,一般使用type="text/css"。
    media属性:媒体类型,设定被链接文档将显示在什么设备上。
    属性值(media:screen,tty,tv,projection,handheld,print,braille,aural,all)
    rel属性
    :规定链接类型,指当前文档与被链接文档之间的关系。link还可以用Shortcut Icon等。
    属性值(Alternate,
    appendix, bookmark, chapter, contents, copyright, glossary, help,
    home, index, next, prev, section, start, stylesheet,
    subsection)
    rev属性 : 指定被链接文档与当前文档之间的关系。该属性不被 HTML5 支持。
    属性值(Alternate,
    appendix, bookmark, chapter, contents, copyright, glossary, help,
    home, index, next, prev, section, start, stylesheet,
    subsection)
    以上为 HTML4.01 的某些属性,在新的
    HTML5 标准中,link标签里的可选属性 chaet,rev 已不再被支持,新增的属性有
    sizes、crossorign。
    sizes属性:heightxwidth,any
    设定被链接资源的尺寸。仅适用于 rel="icon"。
    crossorigin属性:规定是否使用 CORS(CrossOrigin Resources
    Sharing)跨源资源共享,获取相关图像。
    本文主要介绍了html中,link标签的属性及使用,在接下来的几篇教程中,将详细讲述link标签中不同属性的作用。

0

主题

0

主题

0

主题

中级会员

Rank: 3Rank: 3

积分
245
发表于 2017-9-6 16:31:25 | 显示全部楼层
非常感谢您!











http://manhuaxiee.org/forum-387-1.html  http://chuangxiwenxi.org/forum-158-1.html    2017年09月06日 http://manhuaxiee.org/forum-251-1.html  http://manhuaxiee.org/forum-187-1.html
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则




QQ|Archiver|手机版|沧州之窗网 ( 冀ICP备13011500号-1

GMT+8, 2017-10-21 21:28 , Processed in 0.589945 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表