网站web标准测试
程序员文章站
2023-12-29 22:00:52
...
准备工作:
1.选择 !DOCTYPE
过渡的(Transitional):
要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。虽然W3C不赞成使用<font>等标签,但是还是有很多网页爱好者在很喜欢用,所以W3C不得不把font补进到HTML 4.0的标准中.因此使用过渡式你还可以使用这些标签.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的(Strict):
要求严格的DTD,你不能使用任何表现层的标识和属性,格式比较呆板,使用很严格,在文档中你不能使用,例如br,font,color等花俏的东西,而且只能用CSS来表这些,也是就是说只能用最初的HTML标准 。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):
专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2. 熟悉CSS的使用
下载样式表中文手册
下载样式表滤镜中文手册
下载默认行为中文手册
下载文档对象模型手册
3. 准备调试环境
调试web标准页面的浏览器Mozilla Firefox
安全、简单、小巧、免费、支持web标准,是这款新浏览器的特点。Firefox是Mozilla浏览器的一个精简版本,速度极快,没有包含电子邮件、编辑器等一些额外的组件。基于Gecko引擎,很小巧,只有4.72Mb,远小于IE,对中文支持也不错。获得MAXIMUM PC"2004年软件大奖"第一名等多项大奖,被视做IE的替代产品。它的主要特点罗列如下:
阻止广告窗口弹出;
多个页面在一个窗口浏览
工具条上内嵌google的搜索框
防止恶意脚本和多级隐私设置
下载的文件将自动存放在桌面上
可以直接设定页面字体大小"S、M、L、XL、XXL、XXXL"
安装简单,能导入你原来IE的书签和设置
有详细的javascript和CSS错误信息,便于调试
大量的插件可选择,实现比myie还强大的功能
Mozilla是制作web标准页面的最佳调试浏览器,它是基于Gecko的,支持web标准最完美的浏览器。一般mozilla测试通过的页面,在其他非I E浏览器中浏览都不会有太大的错误。
1.选择 !DOCTYPE
过渡的(Transitional):
要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。虽然W3C不赞成使用<font>等标签,但是还是有很多网页爱好者在很喜欢用,所以W3C不得不把font补进到HTML 4.0的标准中.因此使用过渡式你还可以使用这些标签.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
严格的(Strict):
要求严格的DTD,你不能使用任何表现层的标识和属性,格式比较呆板,使用很严格,在文档中你不能使用,例如br,font,color等花俏的东西,而且只能用CSS来表这些,也是就是说只能用最初的HTML标准 。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架的(Frameset):
专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2. 熟悉CSS的使用
下载样式表中文手册
下载样式表滤镜中文手册
下载默认行为中文手册
下载文档对象模型手册
3. 准备调试环境
调试web标准页面的浏览器Mozilla Firefox
安全、简单、小巧、免费、支持web标准,是这款新浏览器的特点。Firefox是Mozilla浏览器的一个精简版本,速度极快,没有包含电子邮件、编辑器等一些额外的组件。基于Gecko引擎,很小巧,只有4.72Mb,远小于IE,对中文支持也不错。获得MAXIMUM PC"2004年软件大奖"第一名等多项大奖,被视做IE的替代产品。它的主要特点罗列如下:
阻止广告窗口弹出;
多个页面在一个窗口浏览
工具条上内嵌google的搜索框
防止恶意脚本和多级隐私设置
下载的文件将自动存放在桌面上
可以直接设定页面字体大小"S、M、L、XL、XXL、XXXL"
安装简单,能导入你原来IE的书签和设置
有详细的javascript和CSS错误信息,便于调试
大量的插件可选择,实现比myie还强大的功能
Mozilla是制作web标准页面的最佳调试浏览器,它是基于Gecko的,支持web标准最完美的浏览器。一般mozilla测试通过的页面,在其他非I E浏览器中浏览都不会有太大的错误。
以上就是网站web标准测试的内容,更多相关文章请关注PHP中文网(www.php.cn)!
推荐阅读
-
网站web标准测试
-
IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose
-
网站首页这个meta是做什么的呢?_html/css_WEB-ITnose
-
HTML代码标准离我们有多远?_html/css_WEB-ITnose
-
网站渗透测试 日志溯源技术与密码授权机制分析
-
一个标签使用多个样式符合标准么?_html/css_WEB-ITnose
-
Web端PHP代码函数覆盖率测试解决方案_PHP教程_编程技术
-
【UML】用PHP开发WEB网站怎么用上UML建模?(PHP UML)
-
Web技术进阶—PHP构建网站
-
id和name那个是用来标记锚点的标准用法?_html/css_WEB-ITnose