聚名网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 526|回复: 1

html高级进阶教程 第7讲头元素link标签

[复制链接]

55

主题

68

帖子

239

积分

版主

Rank: 7Rank: 7Rank: 7

积分
239
发表于 2015-8-28 15:36:26 | 显示全部楼层 |阅读模式
<link>标签
        定义了当前文档和另一个文档或资源之间的关系。
几个主要的属性:
        href
        rel与rev,定义了两个资源之间关系类型。在link中属性有这2个属性中的任何一个。
        title属性,用来说明两个链接的资源之间的关系,也可以是描述目标资源的字符串,这是一个可选的属性。
        type属性:它给出了目标资源的mime类型。例如,type="text/css"、type="text/javascript"
        media属性,用来指定目标资源被接收的介质或媒体。一个网页文件可能会在,多种介质或媒体上输出,最常见的输出

方式,就是将网页显示在计算机的屏幕上。有时候也会让打印机打出。通过link属性就可以将指定的目标资源,只能够将当前网页输出到某种介质或媒体上时,才起作用。


        设置值:screen(屏幕,缺省)、print(打印)、projection(投影机)、aural、braille、tty、tv、all,如果想让网页可以输出到多各介质上,可以设置多个值,用逗号隔开,或者使用all。

link标签的rel与rev属性设置:
rel与rev都是描述了链接的基本特征,也就是链接类型。其中rel表示链接源,是在当前文档中定义的,而这个时候的href属性,就是用于定义了链接目标。rev属性设置值表示链接的目标是在当前文档中定义的,而此时的href属性指定的url是指链接源。

rel与rev属性,可以有下面的一些取值:
contents:指定这个链接所指定的文档,将作为表格的内容出现。
index属性:它说明这个链接所指向的文档中,提供了一个当前文档的索引。
glossary:它说明这个链接所指向的文档提供了一份当前文档的词汇表。
copyright:说明这个链接所指向的文档是当前文档的版权语句。
next:说明这个链接所指向的是一个文档系列中的下一个文档。
previous:说明这个链接指向的是一个文档系列中的上一个文档。
start:说明这个链接指向的是一套组合文档的第一个文档。可以用来告诉搜索引擎,哪个文档是这个组合文档的起始点。
help:说明这个链接指向的是一个对当前文档提供帮助的文档。
bookmark:说明这个链接指向的是当前文档的书签。
shylesheet:说明这个链接指向的是当前文档一个外部样式表文件。

例如,
  1. <link rel="stylesheet" type="text/css" href="url" />
复制代码

除了可以用级联样式表文档来控制html网页显示外观,还可以用其他的格式文件,来控制一个网页文件的显示外观。所以在这需要指定,控制网页外观的是type="text/css"格式文件的类型。

alternate属性:说明链接指向的是当前文档的一份不同版本的文档。它通常与language属性一起使用。暗示着这个链接所指向的第二个文档,是当前文档的某种语言的翻译版本。


shortcut icon属性:说明这个链接指向的是一个图标。这个图标将显示在浏览器的地址栏,和收藏夹列表中的url地址前,替换掉浏览器提供的默认图标。

例如,
  1. <link rel="shortcut icon" href="favicon.ico" />
  2. <!--图标为16px*16px-->
复制代码

这些属性在网页制作中并不常用,它们许多都不是用来控制网页文档的显示外观的,而是提供给某些用于分析网页文档内容的工具软件和其他程序作用的。如果是简单的网页制作,只需要对stylesheet、shortcut icon这两个属性设置值有所了解,就可以了。

回复

使用道具 举报

33

主题

45

帖子

161

积分

注册会员

Rank: 2

积分
161
发表于 2015-10-11 19:28:10 来自手机 | 显示全部楼层
link标签也是很有用的
回复 支持 反对

使用道具 举报

随机推荐
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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