【HTML+CSS】傲视苍穹H5_VIP专题

第二节.辅助属性

2019-03-24  本文已影响1人  ef81c5299c9a

1.用<title>标签为文档添加标签

2.用<base>标签为文档设置基础URL

基底网址标记<base>一般用于设定浏览器中的文件的绝对路径,然后在网页文件后续的html代码中只需要写下相对的文件的相对位置,在浏览

器中浏览的这些相对位置时会将这些相对位置会自动附在绝对路径后面,成为完整代码。

当点击链接文本“点击回主页”时,浏览器实际发送的请求是将基底网址标记<base>中指定的URL与文档中设置的相对URL连接起来。

3.用<link>标签来定义文档关系链接

link标签只能在html文档的头部定义,而且可以多次出现,它定义了当前文档和另一个资源(文档)的联系

3.1.定义关系链接地址

在link标签中,herf属性用来指向所链接文档的URL,它的值可以是任何有效的文档URL。

3.2.向前链接或者反转链接

rel和rev这两个属性用来表示源文档和目标文档之间的关系。rel属性指定了从当前文档到目标文档的关系,即向前链接,也就是在本页看到的

与href属性值URL标明的网页之间的关系。rev属性则指定了从目标文档到当前文档的关系,即反转链接,也就是从href属性值到当前网页的关系

这两个属性可以同时包含在一个<link>标签中了,也可以同时创建多个<link>标签。

如果同时使用rel和rev属性,rel和rev属性值都是用空格分隔的关系列表。html标准并没有指定实际的关系名,但是有些关系名成为了通用的用

法,下面给出各页之间的关系值,这些值不区分大小写。

3.3.链接到外部样式表

在开始介绍<link>标签时,link标签最常用于链接外部的样式表文件(后缀名为“.css”)。要实现这个功能,我们来介绍link标签的另一个属性

----type属性

type属性指定目标URL的多用途国际邮件扩展类型,最常见的值包括用于外部样式表的text/css”,用于JavaScript文件的text/javascript和

用于GIF图像文件的image/gif。MIME类型告诉浏览器所下载的文件的类型是什么以及应该如何处理。

下面介绍link标签链接外部样式表

见链接到外部样式表

4.用<style>标签为文档创建内部样式表

style标签的唯一用途就是为文档创建内部样式表。而且<style>只能在头部定义,可以多次在头部出现。

4.1.定义样式类型

我们可以使用style标签的type属性定义样式类型,但是该属性的值几乎都是设置为text/css,除非使用某种专属语言,但应该尽量避免使用专属语言

见style属性.html

4.2.针对不同的媒体设备设置样式

style标签的Media属性说明style标签内的样式规则影响哪种媒体设备。可能只包括screen,print,tty,tv,projection,handheld,

braile,aural,all,其中,screen针对显示设备,print针对打印设备,all是指未指定media标签所采用的默认值

5.用<script>标签添加脚本类型

使用style标签可以在html文档内编写内部样式,也可以导入外部样式,类似地,我们可以使用<script>标签为html文档添加脚本程序,这些脚本

程序可以写在<script></script>中,也可以用外部脚本。利用脚本使网页更生动。

5.1.设置脚本类型

我们可以使用script标签的属性设置脚本语言的类型,通常有“text/JavaScript”和“text/jscript”,不过常用的是“text/javascript”

见设置脚本类型

上一篇 下一篇

猜你喜欢

热点阅读