Lesson02_05 头元素


头元素是指位于<head></head>标签对之间的元素,主要包括:

<title></title>

显示在标题栏上的内容

<base>

用于指定网页中的所有超链接的基准地址,以改变网页中的所有使用相对地址的URL的基准地址.
<base>标签的使用形式如下:
<base href="http://www.loncer.cn/JStudy/" target="_blank">
属性表
属性名 作 用
href 设定网页中所有HTTP协议的相对URL地址的基准地址,若网页中有如下的代码:
<a href="Lesson01_03.html">Lesson01_03</a>
则此时点击时会打开Http://www.loncer.cn/JStudy/Lesson01_03.html
target 用于设定网页中的所有超链接显示的目标窗口,这样可以省略在所有的超链接中
加入target属性

<link>

定义了当前一个文档与另外一个文档或资源之间的关系
属性表
属性名 作用
href 定义了另外一个资源的URL地址,必填的
rel与rev 定义了<link>所链接的两个资源之间的关系类型,二者必选一
title 说明链接的关系,也可以是描述目标资源的字符串,是可选的
type 给出目标资源的mime类型,例如:
HTML为:"text/html"
CSS为:"text/css"
JavaScript为:"text/javascript"
media 用于指定目标资料接收的介质或媒体,只有在指定的上输出才起作用
  • screen:计算机屏幕上(默认)
  • print:打印机
  • projection:投影仪
  • aural:扬声器
  • braile:凸字触觉感知设备(供盲人用)
  • tty:电传打字机
  • tv:电视
  • all:所用的以上设备
Page-Enter 载入网页时的效果
Page-Exit 离开网页时所显示的效果

<meta>

主要有两种类型的<meta>用不同的属性名来划分,即:name和http-equiv.

name属性:

用来在网页中加入一些关于网页的描述信息,其格式如下:
<meta name="某个设置值" content="对这个设置值进行具体补充说明的信息"
name属性表
name content
Keywords 告诉搜索引擎放出的robot或spider,把content属性中填入的内容作为网页的关键词添加到搜索引擎中,content属性中的多个关键字可以使用逗号分隔,例如: <meta name="keywords" content="中国IT资料库,各种资料,下载">
Description 把content中的内容添加到搜索引擎中,作为对这个网页的内容描述,如果没有,则把网页开头的几行显示在搜索结果列表中的对该页的链接下面.
Robots 告诉搜索引擎放出的robots可根据content中的设置对所采用的方式,可以是如下的值
  • index:可以检索和收录此页(默认值)
  • noindex:不可以检索和收录此页
  • follow:让robots/spider顺着此页的超链接往下探找
  • nofollow:不让往下
  • none:什么都不可以做
  • all:什么都可以
Generator 用于说明编辑此网页所用的工具,content中为工具名
Author 用于说明网页的作者,content中为作者
Copyright 用于版权声明,content中为版权声明

http-equiv属性:

用来在html文档中模拟HTTP协议的响应消息头,当浏览器读取到网页文件中具有Http-equiv属性的<meta>标签时,它会用处理WWW服务器发送的响应消息头一样的方式来对待.

http-equiv属性表
属性名 作用
Content-Type 说明网页内容的MIME类型以及文本内容所使用的字符集编码,例如:
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
Refresh 指定在某一段时间后自动对网页进行刷新,例如:
<meta http-equiv="Refresh" content="1">一秒刷新一次网页
也可以在时间后加一个URL,在指定的时间内跳转到这个网页,例如:
<meta http-equiv="Refresh" content="1";url=http://www.thinkme.cn>
注:URL与时间之间用逗号分隔
Expires 指定网页在浏览器中的到期时间,如浏览器所在的计算机的时间超过content中指定的时间,则访问时必须到服务器上重新下载.要注意的是:content属性中的>设置必须使用GMT时间格式,例如:
<meta http-equiv="expires" content="Mon,12, May 2006 00:20:00 GMT">
注:将content设置为0,可以禁止浏览器使用缓存页面
Windows-Target 强制页面在某个窗口中显示.例如用如下代码可以防止自己的网页被别人做为一个frame页面调用 <meta http-equiv="Windows-Target" content="_top">
Pragma 用于禁止浏览器在本地计算机上缓存此网页,如下:
<meta http-equiv="Pragma" content="no-cache">

头元素是指位于<head></head>标签对之间的元素,主要包括:

<title></title>

显示在标题栏上的内容

<base>

用于指定网页中的所有超链接的基准地址,以改变网页中的所有使用相对地址的URL的基准地址.
<base>标签的使用形式如下:
<base href="http://www.loncer.cn/JStudy/" target="_blank">
属性表
属性名 作 用
href 设定网页中所有HTTP协议的相对URL地址的基准地址,若网页中有如下的代码:
<a href="Lesson01_03.html">Lesson01_03</a>
则此时点击时会打开Http://www.loncer.cn/JStudy/Lesson01_03.html
target 用于设定网页中的所有超链接显示的目标窗口,这样可以省略在所有的超链接中
加入target属性

<link>

定义了当前一个文档与另外一个文档或资源之间的关系
属性表
属性名 作用
href 定义了另外一个资源的URL地址,必填的
rel与rev 定义了<link>所链接的两个资源之间的关系类型,二者必选一
title 说明链接的关系,也可以是描述目标资源的字符串,是可选的
type 给出目标资源的mime类型,例如:
HTML为:"text/html"
CSS为:"text/css"
JavaScript为:"text/javascript"
media 用于指定目标资料接收的介质或媒体,只有在指定的上输出才起作用
  • screen:计算机屏幕上(默认)
  • print:打印机
  • projection:投影仪
  • aural:扬声器
  • braile:凸字触觉感知设备(供盲人用)
  • tty:电传打字机
  • tv:电视
  • all:所用的以上设备
Page-Enter 载入网页时的效果
Page-Exit 离开网页时所显示的效果

<meta>

主要有两种类型的<meta>用不同的属性名来划分,即:name和http-equiv.

name属性:

用来在网页中加入一些关于网页的描述信息,其格式如下:
<meta name="某个设置值" content="对这个设置值进行具体补充说明的信息"
name属性表
name content
Keywords 告诉搜索引擎放出的robot或spider,把content属性中填入的内容作为网页的关键词添加到搜索引擎中,content属性中的多个关键字可以使用逗号分隔,例如: <meta name="keywords" content="中国IT资料库,各种资料,下载">
Description 把content中的内容添加到搜索引擎中,作为对这个网页的内容描述,如果没有,则把网页开头的几行显示在搜索结果列表中的对该页的链接下面.
Robots 告诉搜索引擎放出的robots可根据content中的设置对所采用的方式,可以是如下的值
  • index:可以检索和收录此页(默认值)
  • noindex:不可以检索和收录此页
  • follow:让robots/spider顺着此页的超链接往下探找
  • nofollow:不让往下
  • none:什么都不可以做
  • all:什么都可以
Generator 用于说明编辑此网页所用的工具,content中为工具名
Author 用于说明网页的作者,content中为作者
Copyright 用于版权声明,content中为版权声明

http-equiv属性:

用来在html文档中模拟HTTP协议的响应消息头,当浏览器读取到网页文件中具有Http-equiv属性的<meta>标签时,它会用处理WWW服务器发送的响应消息头一样的方式来对待.

http-equiv属性表
属性名 作用
Content-Type 说明网页内容的MIME类型以及文本内容所使用的字符集编码,例如:
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
Refresh 指定在某一段时间后自动对网页进行刷新,例如:
<meta http-equiv="Refresh" content="1">一秒刷新一次网页
也可以在时间后加一个URL,在指定的时间内跳转到这个网页,例如:
<meta http-equiv="Refresh" content="1";url=http://www.thinkme.cn>
注:URL与时间之间用逗号分隔
Expires 指定网页在浏览器中的到期时间,如浏览器所在的计算机的时间超过content中指定的时间,则访问时必须到服务器上重新下载.要注意的是:content属性中的>设置必须使用GMT时间格式,例如:
<meta http-equiv="expires" content="Mon,12, May 2006 00:20:00 GMT">
注:将content设置为0,可以禁止浏览器使用缓存页面
Windows-Target 强制页面在某个窗口中显示.例如用如下代码可以防止自己的网页被别人做为一个frame页面调用 <meta http-equiv="Windows-Target" content="_top">
Pragma 用于禁止浏览器在本地计算机上缓存此网页,如下:
<meta http-equiv="Pragma" content="no-cache">


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3