网页头部元素的详细定义
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"
严格的
一种要求严格的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的调用
调用样式表的几种方法(待补充)
应用样式表的优先级
制作一个页面的一般步骤是:
- 分析效果图
- 切图
- 制作成XHTML页面
以上内容是在看《CSS标准网页布局开发指南》时摘录下来的,国庆的时候写到一半有事出去,就一直搁草稿箱里了,差点都还忘了。说实在的,这本书写的不算特别好,不过还是有些东西可以借鉴一下的。
PS:欢迎各位前端爱好者或者大牛交流指教!!
github博客:https://github.com/chyingp/blog
新浪微博:http://weibo.com/chyingp
站酷主页:http://www.zcool.com.cn/u/346408/