从HTML到XHTML--使用Web标准建设网站 《转》
2009-04-30 09:44
483 查看
转自http://ysearchblog.cn/2006/08/htmlxhtmlweb_1.html
小编按:最近看到搜索日志上有不少朋友对雅虎的网页设计模式感兴趣,我们的设计师张克军也不禁手痒,和大家分享一些他在建设网站方面的心得,希望和对此感兴趣的朋友交流。设计师嘛,思维总是跳跃性的,不知您在阅读时能否感受到:)
传统的网站前端展现应该说是没有层次的,前端工程师直接将服务器端脚本和HTML近乎毫无规律地混合起来,HTML构建的结构很容易被破坏,直接影响前端的展现和日后的维护。直到CSS的出现后才略有改观,目前CSS正式推出的有两个版本CSS1和CSS2, CSS1是1996年制定的,CSS2是1998年制定,CSS3正在制订中尚未推出。由于CSS是滞后于HTML出现的,因此早期的浏览器对CSS的支持不足,导致很多网站制作同仁过度依赖HTML控制页面的视觉表现。
实际上,HTML的本意并不是用来控制页面外观的。而随着浏览器的升级换代,现在的浏览器对CSS的支持越来越全面(虽然有的还不是很标准),是时候让HTML干它应该干的事了:那就是描述文档的结构,而不是文档的表现。
在万维网联盟(W3C)的推动下,未来所有的浏览器都将全面支持由W3C制订的Web标准。顺应这种趋势,微软将在今年正式推出的IE7,目前beta3版已经发布。这将是一款接近Web标准的浏览器。实际上IE5.0对CSS1的支持不是很好的,但不支持CSS2,到了IE6却变成一款非常糟糕的浏览器,Bug重重,漏洞百出,对CSS的解释含糊不清。这也是近些年Firefox、Safari这样的标准浏览器崛起的原因。如果说在以前Web标准还不健全或浏览器厂商重视不够的情况下,网站前端开发可以不用严格遵守什么标准。那么在今天,当Web标准已经成为业界标准,不遵守标准的Web产品在不同浏览器下的表现将是不可预期的(即便在一向“宽容”的IE下),这样的后果轻则影响产品,重则损害公司品牌形象。
“从HTML到XHTML”不仅仅是所使用的语言的转变,更多的是意味着前端开发模式的转变,向着更层次化,更标准化,更适应现代Web开发的方向转变。雅虎用户体验部的Web开发组正是专门负责这方面工作的,我们在雅虎的产品设计中也在逐步转向符合标准的设计模式。
那么到底有哪些Web标准呢?由W3C和其他一些标准化组织共同制订的Web标准如下图所示:
从图中我们看到,Web标准分为结构化语言、表现类语言、对象模型和脚本语言四个大类。这意味着写页面代码应该按照什么规范去写。在其中的“结构化语言”分类中,可以看到替代HTML的将是XHTML,那么什么是XHTML呢??
- XHTML (eXtensible HyperText Markup Language)-可扩展的超文本标记语言
- XHTML的目标是替代HTML
- XHTML几乎和HTML 4.01一样
- XHTML是更严格和更干净的HTML
- XHTML是向XML过渡的语言
- XHTML是W3C推荐的(这代表着浏览器发展的方向)
目前雅虎的主要产品都遵照XHTML 1.0 Transitional标准,网页搜索产品是遵照HTML4.01 Strict 标准。雅虎将在近期内逐步放弃旧的HTML标准。
从HTML到XHTML--使用Web标准建设网站(一)
作者:张克军 用户体验部小编按:最近看到搜索日志上有不少朋友对雅虎的网页设计模式感兴趣,我们的设计师张克军也不禁手痒,和大家分享一些他在建设网站方面的心得,希望和对此感兴趣的朋友交流。设计师嘛,思维总是跳跃性的,不知您在阅读时能否感受到:)
传统的网站前端展现应该说是没有层次的,前端工程师直接将服务器端脚本和HTML近乎毫无规律地混合起来,HTML构建的结构很容易被破坏,直接影响前端的展现和日后的维护。直到CSS的出现后才略有改观,目前CSS正式推出的有两个版本CSS1和CSS2, CSS1是1996年制定的,CSS2是1998年制定,CSS3正在制订中尚未推出。由于CSS是滞后于HTML出现的,因此早期的浏览器对CSS的支持不足,导致很多网站制作同仁过度依赖HTML控制页面的视觉表现。
实际上,HTML的本意并不是用来控制页面外观的。而随着浏览器的升级换代,现在的浏览器对CSS的支持越来越全面(虽然有的还不是很标准),是时候让HTML干它应该干的事了:那就是描述文档的结构,而不是文档的表现。
在万维网联盟(W3C)的推动下,未来所有的浏览器都将全面支持由W3C制订的Web标准。顺应这种趋势,微软将在今年正式推出的IE7,目前beta3版已经发布。这将是一款接近Web标准的浏览器。实际上IE5.0对CSS1的支持不是很好的,但不支持CSS2,到了IE6却变成一款非常糟糕的浏览器,Bug重重,漏洞百出,对CSS的解释含糊不清。这也是近些年Firefox、Safari这样的标准浏览器崛起的原因。如果说在以前Web标准还不健全或浏览器厂商重视不够的情况下,网站前端开发可以不用严格遵守什么标准。那么在今天,当Web标准已经成为业界标准,不遵守标准的Web产品在不同浏览器下的表现将是不可预期的(即便在一向“宽容”的IE下),这样的后果轻则影响产品,重则损害公司品牌形象。
“从HTML到XHTML”不仅仅是所使用的语言的转变,更多的是意味着前端开发模式的转变,向着更层次化,更标准化,更适应现代Web开发的方向转变。雅虎用户体验部的Web开发组正是专门负责这方面工作的,我们在雅虎的产品设计中也在逐步转向符合标准的设计模式。
那么到底有哪些Web标准呢?由W3C和其他一些标准化组织共同制订的Web标准如下图所示:
从图中我们看到,Web标准分为结构化语言、表现类语言、对象模型和脚本语言四个大类。这意味着写页面代码应该按照什么规范去写。在其中的“结构化语言”分类中,可以看到替代HTML的将是XHTML,那么什么是XHTML呢??
- XHTML (eXtensible HyperText Markup Language)-可扩展的超文本标记语言
- XHTML的目标是替代HTML
- XHTML几乎和HTML 4.01一样
- XHTML是更严格和更干净的HTML
- XHTML是向XML过渡的语言
- XHTML是W3C推荐的(这代表着浏览器发展的方向)
目前雅虎的主要产品都遵照XHTML 1.0 Transitional标准,网页搜索产品是遵照HTML4.01 Strict 标准。雅虎将在近期内逐步放弃旧的HTML标准。
相关文章推荐
- 从HTML到XHTML--使用Web标准建设网站(一)
- 从HTML到XHTML--使用Web标准建设网站
- HTML使用WEB标准
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- 海洋工作室——网站建设专家:MS Sql Server临时表和游标的使用小总结【转】
- 使用HTML/CSS搭建静态网站-normalize.css样式百度云盘下载
- HTML+CSS编写静态网站-21 在css中使用class
- XHTML中不再使用HTML中的一些废弃元素
- 脚本样式、HTML、XHTML、javascript知识网站
- 使用Web标准建站第5天:XHTML代码规范
- WEB2.0标准教程:应用WEB标准建设网站有什么好处?(转)
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- 网站建设之Dreamweaver入门使用
- 网站建设使用创意布局设计的优势
- [原创]网站HTML,XHTML,XML,WML,CSS等测试验证工具介绍
- 网站建设 html css javascript教程
- 【转】使用ASP.NET或HTML时,浏览器(如IE7)提示“此网站使用脚本窗口向您索取信息”解决办法
- 高端网站建设中使用wordpress的优势
- 如何在网站建设(asp.net)中使用存储过程
- wget下载网站及使用html help workshop制作chm