一、W3C标准
w3c标准不是某一个标准，而是一系列标准的集合。
它主要包括三方面的标准：结构、表现和动作。
1、结构表现 xHtml和xml
2、表现 css
3、动作 JavaScript
总结，我的理解就是一句话：结构和表现彻底分离，结构要遵循xHTML标准规范。
下面，我们逐条理解规范
二、xHTML规范
1、文档方面
－必须定义文档类型(DTD)和命名空间
范例，下面就是一段HTML文档类型DTD的一段代码片段，下面大概的意思是1.0过渡版本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">2、标签方面
－所有标签均需要小写、关闭、合理嵌套、ID不能重复
<h1></h1>
<img src="..." />
<br /><hr />
<H1>这是不对的</H1>
－标签属性要有值，属性值要加双引号，且属性值不能为空
－图片一定要加上alt属性
－在表格标签（单元格是可以的）不准实用height属性，但可以实用width属性
－禁止实用<embed>和<iframe>标签（这里面有个小故事，w3c是为了扼杀其它厂商提供的标签）
－链接不准使用target属性（这是非常严格的要求，一般不要管它；上面是宽松的标准）
3、内容模型（下面全是严格的要求，使用红色字体标出来）
－body、form、blockquote仅能包含块状元素
－文本、图像、链等内链元素不允许直接裸露在body 中，必须被p或者div等块状元素包含
－内链元素不能包含块状元素
4、其它方面
－注释中禁止使用 "--------"
<span style="background-color: rgb(255, 255, 255);"><!--这是一段测试代码，这是符合标准的-->
<!--这就不符合标准--这里有两个横杠--></span>－所有特殊符号用编码表示，特殊符号比如 表示空格; < <; $gt >
5、xhtml与结构语言的关系
－html上面都可以，id可以重复，不限制大小写，但是太混乱
－人们想到一种方法，大家赶快用xml吧，但是xml太复制，不灵活
－最后人们提出了xhtml方式，但是需要大家过渡，所以大家使用了两种
（1）过渡型 html 4.01 transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""
"http://www.w3.org/TR/html4/loose.dtd">（2）严格型html 4.01 strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
"http://www.w3.org/TR/html4/strict.dtd">
所以本次总结的基本就是：结构和表现分离，结构要遵循xHTML规范。就是xHTML\XML要与css表现分离，其实就是xHTML+css也就是我们就是通常所说的div+css.
下面我们就来说下div+css
- DIV+CSS叫法不准去
（1）这种叫法只存在于中国
（2）本意是告诉大家xHTML+css于过去的区别
（3）误解div+css就是标准
－误区
（1）div是万能的
（2）使用table是丢人的？ table该用就用，div该用就用
（3）为标准而标准
写页面的目的，速度快、扩展性强
6、标准页面的又是
－优势少、结构清晰
（1）页面速度更快
（2）代码少，成本降低
（3）更利于搜素引擎的截取
－更好的兼容性扩展性
（1）被更多的用户访问
（2）被更广泛的设备访问
－页面灵活性强
（1）改版方便，不需要更改页面内容
（2）更少的代码和组件，容易维护
（3）灵活控制页面的显示顺序
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
