七、WEB标准与页面布局基础
1、网站重构与WEB标准
1.1、网站重构
把“未采用CSS,大量使用HTML进行定位、布局,或者虽然已经采用CSS,但是未遵循HTML结构化标准的站点”变成“让标记回归标记的原本意义。通过在HTML文档中使用结构化的标记以及用CSS控制页面表现,使页面的实际内容与它们呈现的格式相分离的站点。”的过程就是网站重构 。
1.2、WEB标准
- 网页主要由三个部分构成:结构(Structure)、表现(Presentation)和行为(Behavior)。它们都有各自的标准。
- 结构
- 结构是指一个网页有哪些内容以及这些内容如何被清晰地组织在一起。
- 网页结构的标准主要是XML语言和XHTML语言。
- 表现
- 表现是指一个网页的内容以何种样式来展现。
- 网页表现的标准是CSS语言。
- 行为
- 行为是指一个网页及其所它包含的网页元素以及它所属的浏览器窗口如何与用户交互。
- 网页行为由JavaScript脚本语言来实现。
2、XHTML
- XHTML是HTML的替代者,它是从HTML继承而来,但使用了XML的规则进行严格规范。
- XHTML与传统的HTML的不同之处,主要来自于XML语法规范的格式要求,即要求“格式良好”。
-
必须有且仅能有一个根元素<html></html>
-
标签必须正确地嵌套
-
标签必须关闭 标签名和属性名必须使用小写
-
属性必须赋值
-
属性值必须包含在引号内
-
特殊字符必须用实体编码来表示
-
图片必须有替代文字
-
注释的内容中不能包含”--”
3、DTD
XHTML文档的有效性
网页文档中可以使用的标签有哪些,标签有哪些可用的属性,属性可用哪些值,标签之间如何嵌套,特殊字符如何表示等等 。
XHTML文档的有效性通过DTD(Document Type Definition,文档类型定义)来定义和验证。
在文档第一行(<html>标签开始之前)添加DOCTYPE即文档类型声明。
万维网联盟(W3C)为XHTML制定了三种DTD
过渡的(Transitional) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" “url">
严格的(Strict) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" “url">
框架集的(Frameset) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " url">
4、结构与表现分离
- CSS的出现,使得网页的结构与表现比