当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Lesson02_05 头元素

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 Lesson02_05 头元素


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 42 ::
收藏到网摘: n/a

头元素是指位于<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">