认识并遵循W3C标准,将代码规范化

1什么是W3C标准?

W3C标准不是一个标准,而是一系列的标准。

它包括:→  结构标准表现标准动作标准

结构化标准语言:XHTMLXML;表现化标准语言:CSS;动作化标准语言:JavaScript.

2XHTML语言规范


文档方面

必须定义文档类型(DTD)和名字空间

文档类型:<!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">

其实在我们的DreamWeaver中就可以自动生成的了,大家不必死记


标签方面

①所有标签均要小写,关闭,合理嵌套,ID不能重复.

②标签属性要有值,属性值要加双引号且不能空.

③图片一定要加上alt属性.

④表格标签不准使用height属性,可以用width属性

⑤禁止使用<embed> <iframe>属性

⑥链接不准使用target属性(Strict标准)


内容模型(Strict标准)

①body、form、blockquoto仅能包含块状元素

②文本、图像、链接等内联元素不允许直接裸露在body中,必须被<p>或者<div>等块状元素包含

③内联元素不能包含块状元素


其他方面

①注释中禁止使用"-------".

②所有特殊符号使用编码表示


大家看到Strict标准是否有疑惑呢?不是说好的XHTML规范的吗?因为人们习惯html代码,习惯难改,所以W3C就开放3个标准,一个是语法比较宽松的:transitional ;一个是语法严格的:strict ; 一个是包含框架的:frameset.我们一般用的是transitional标准,而外国大多数是strict标准,而当你的网页运用到框架的时候就用frameset标准.现在大家清楚了吧?

3使用W3C标准有什么好处?

首先,我们要明白W3C标准的本意是“结构和表现彻底分离 ".当结构和表现分离后,标准页面的优势就体现出来了。

①代码少,结构清晰 ②更好的兼容性和扩展性  ③页面灵活性强


最后,谢谢大家观看Sunyuan的文章。



发布了29 篇原创文章 · 获赞 15 · 访问量 5万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章