当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网站web标准测试

HTML/XHTML教程
通过W3C XHTML1.0及CSS标准必须注意的九个问题
注意这11个问题保证CSS的渲染效率
用css+js定义input_file元素的样式来兼容FireFox
CSS技巧:如何使未知高宽的图片实现垂直居中
CSS基础教程:布局网页技巧的完全学习手册
css知识:Div和Span在使用中的不同之处
css技巧:批量保存div+css网页中的图片的几种方法
CSS技巧:常用的属性代码简化表
介绍二款b/s开发中常用小工具
css教程:IE6、IE7和FF的hack的运用技巧
Google改进SSL机制,控制SSL安全机制存漏洞
css技巧:分享9个网页制作常用技巧
规范Web站点设计css类以及id的命名方式
html教程:WEB标准从头开始_DOCTYPE声明
html/css教程:背景图片的定位问题详解
CSS教程:自动隐藏网页文字的技巧
汇总一些IE与Firefox的CSS兼容问题及解决办法
网页中利用Title属性的好处
40多个漂亮的网页表单设计实例
制作商业HTML邮件的建议

HTML/XHTML教程 中的 网站web标准测试


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 27 ::
收藏到网摘: n/a

  准备工作:
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浏览器中浏览都不会有太大的错误。
 

评论 (0) All

登陆 还没注册?