网页头部元素的详细定义

DOCTYPE的选择

什么是DOCTYPE

DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML的版本)。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

选择什么样的DOCTYPE

在XHTML 1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional)、严格的(Strict)和框架(Frameset)的。分别介绍如下:

过渡的

一种要求很不严格的DTD,允许在页面中使用HTML 4.01的标识(符合xhtml的语法标准)。过度DTD的写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transtional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transtional.dtd">

严格的

一种要求严格的DTD,不允许使用任何表现层标识和属性,例如<br/>等。严格的DTD写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的

一种专门针对框架页面所使用的DTD,当页面中含有框架元素时候,就要采用这种DTD。写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

名字空间问题

名字空间的英文是namespace,其含义就是通过一个网址指向来识别页面上的标签。在XHTML中使用的是"xmlns"(XHTML namespace的缩写),用来识别XHTML页面上的标签的网址指向的是http://www.w3.org/19999/xhtml

关于名字空间定义的完整写法如下:

<html xmlns=http://www.w3.org/1999/xhtml>

当采用可视化的网页开发工具(例如Dreamweaver等)新建文档时,选择适当格式的文档类型,DOCTYPE的声明和名字空间的生命都会自动生成。

编码问题

meta标签

1.关键字(Keywords)

为搜索引擎提供的关键字,语法结构如下:

<meta name="Keywords" content="关键词1,关键词2,关键词3">

2.简介(Description)

用来为搜索引擎声明网站主要内容。语法结构如下:

<meta name="Decription" content="网站简介">

3.搜索机器人向导(Robots)

为搜索机器人指定需要索引的页面和不需要索引的页面。语法结构如下:

4.站点作者信息(Author)

为站点声明作者。语法结构如下:

<meta name="Author" content="陈映平">

5.站点版权信息(Copyright)

为站点声明版权。语法结构如下:

<meta name="Copyright" content="陈映平所有,仿冒不究">

CSS的调用

 

调用样式表的几种方法(待补充)


应用样式表的优先级

制作一个页面的一般步骤是:

  1. 分析效果图
  2. 切图
  3. 制作成XHTML页面

 

以上内容是在看《CSS标准网页布局开发指南》时摘录下来的,国庆的时候写到一半有事出去,就一直搁草稿箱里了,差点都还忘了。说实在的,这本书写的不算特别好,不过还是有些东西可以借鉴一下的。

 

PS:欢迎各位前端爱好者或者大牛交流指教!!

posted @ 2010-10-12 23:04  程序猿小卡  阅读(958)  评论(0编辑  收藏  举报