`
YaLove
  • 浏览: 5167 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
文章分类
社区版块
存档分类
最新评论

W3C标准以及XHTML和HTML

阅读更多
什么是W3C?
W3C ( World Wide Web Consortium ) 是一个致力于 W3 (World Wide Web) 标准化的组织,成立于1994年11月,目前(2007年5月)已经拥有441个会员,他们参与制作了以下与 W3 相关的标准:

CSS
CGI
DOM
HTML
RDF
SVG
SOAP
SMIL
SRGS
SSML
VoiceXML
WSDL
XACML
XHTML
XML
XML Events
XForms
XML Information Set
XML Schema
XPath
XQuery
XSLT

W3C 标准使全球的网页设计人员和浏览器制造商之间有了一个共同的标准,遵守这个标准的网页,在所有遵守 W3C 标准的浏览器上都可以获得一致的表现,由于世界上主流的浏览器(包括 IE6+),目前都遵守 W3C 规范,所以,如果您的网站是基于 W3C 标准建立的,您可以完全不必担心浏览器兼容问题。

在网站建设中会最常使用到那些标准?
网站建设中最常用到 W3C 标准有三个 CSS, HTML, XHTML。其中 HTML 和 XHTML 用来提供内容,CSS 用来对内容进行修饰。现今,HTML + CSS 或者 XHTML + CSS 已经成为最有效的网页表现形式,这种表现形式的本质是,将内容同修饰分开,这样便于创作者在更新内容的时候,不必关心修饰,而更新修饰的时候,不必理会内容。

浏览器在对网页进行解析的时候,必须参照相应的标准,现代的浏览器会使用不同的标准解析网页内容,因为网页的置标语言有 HTML 和 XHTML 之分,我们在将网页送给浏览器解析之前,必须告诉它我们用的是 HTML 还是 XHTML,这就出现了 DOCTYPE 的概念,DOCTYPE 放在网页的最前面,它有多种定义形式,以下为 XHTML STRICT DOCTYPE 的定义,该定义告诉浏览器,接下来的 HTML 文档使用 XHTML 1.0 作为置标语言,使用 strict  规范进行解析。

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


六种最常见的 DOCTYPE 定义

分别有三种 HTML DOCTYPE 和三种 XHTML DOCTYPE 构成了六种最常用的 DOCTYPE 定义,它们各有不同的侧重点,需要注意的是,其中的一些松散定义的目的是保持当前网站中的历史遗留(Legacy)网页同现代浏览器的兼容,采用松散定义的网页虽然在现代浏览器中仍能获得理想的表现,是因为浏览器进行了大量的容错处理,尽可能正确理解那些不和标准的网页代码,所以,如果您想从零开始进行网站建设,使用最严格的 DOCTYPE 可以保证您的网站将来不会出现兼容问题,因为浏览器对松散定义的网页的支持,将来未必能获得保证。

XHTML 1.0 Strict
XHTML STRICT + CSS 是目前公认最严格,最有前途的标准,使用该标准,可以保证您的网页拥有干净的置标代码,稳定的兼容性能和最广泛的浏览器支持,我们在后面的 SEO 部分中还会提到,这种标准的网页在 SEO 中也会获得好的表现。它的定义为:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


XHTML 1.0 Transitional
正象 Transitional 这个意思所表明的那样,该标准是一种过度标准,旨在保持网站中历史遗留网页的兼容性,目前,该标准下的网页在各大浏览器中基本可以获得一致的表现,但将来是否会被继续支持却没有保证,另外,同样一个网页,使用该 DOCTYPE 解析的时候,显示正常,但改用 XHTML 1.0 Strict  DOCTYPE 的时候,往往被解析的一塌糊涂,这说明 XHTML 1.0 Transitional 标准容许大量错误或不规范的代码存在,为您的网站留下隐患。它的定义为:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


XHTML 1.0 Frameset
当您需要使用 Frame 将您的页面划分成几个窗口的时候,需要使用本标准,但 Frame 是一种过时的技术,它最大的弱点在于不被搜索引擎支持,除非您有十分充足的理由,否则我们不建议您使用 Frame。它的定义为:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


HTML Strict
这种定义和 XHTML STRICT 一样,只是用 HTML 代替 XHTML。它的定义为:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


HTML Transitional
和 HTML 一样,只是用 HTML 代替 XHTML。它的定义为:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


HTML Frameset
和 XHTML Frameset 一样,只是用 HTML 代替 XHTML。它的定义为:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 和 HTML 有那些区别
使用 XHTML 并非想象中的那么难,事实上,XHTML 和 HTML 的区别并不大,这期间并不存在很高的学习曲线,您完全可以在很短的时间内掌握 XHTML 并最终取代 HTML。以下是二者主要的区别:

XHTML 中的元素之间必须按次序正确嵌套

在 HTML 中

  <a href=''><b>Linka></b>


虽然不规范,但浏览器都可以正确解析,在 XHML,您必须严格这样写

  <a href=''><b>Link</b>a>



XHTML 中的元素必须包含结束标志

在 HTML 中,您可以这样写

  <p>This is paragraph one
<p>This is paragraph two



或者这样写

  <img src='...'><br>



在 XHML,您必须严格这样写

  This is paragraph one



This is paragraph two


  <img src='...'>




XHTML 必须使用小写

在 HTML 中,您可以这样写

  <IMG SRC='...'><BR>



在 XHTML 中,您必须这样写

  <img src='...'><br>



XHTML 文档必须有根 Element

您必须保持文档的严密结构。

XHTML 元素的属性必须使用引号引起来

在 HTML 中,您可以这样写

  <table width=100%> 


在 XHML,您必须严格这样写

  <table width="100%">



我们为什么建议使用 XHTML 替代 HTML
XHTML 简而言之,就是拥有 XML 规范的 HTML,将 XML 引入 HTML 的目的是改变 HTML 代码不够严格的问题,在我们的网络世界,到处充斥着劣质的 HTML 代码,这些代码的正确显示,取决于浏览器的容错能力,而我们对此是没有保障的。而 XML 要求您的内容必须严格按照规范进行置标,只有这样,我们才能获得结构严谨的文档,结构严谨的文档才能在各种浏览器中获得准确一致的表现,包括各种手持设备上的浏览器,我们知道,对手持设备而言,它们的浏览器没有那么强的处理能力来纠正 HTML  代码中的错误。同样, XHTML 完全向后兼容。
分享到:
评论

相关推荐

    W3C标准XHTML

    在W3C的标准定义中,XHTML是一种严格的、清洁的、向下兼容的HTML版本,它通过引入XML的语法规则,使得HTML文档更规范,从而促进了跨平台和跨应用程序的数据交换。 **XHTML的基本特点:** 1. **语法规则严格**:与...

    CSS Javascript jQuery xHTML XMLHttp W3CSchool w3c标准html5手册

    在IT行业中,前端开发是构建网页和Web应用程序的关键部分,涉及...W3CSchool和w3c标准则是学习和参考这些技术的重要资源,它们提供了详尽的手册和教程,帮助开发者理解和掌握这些核心技术,从而提升Web开发的技能水平。

    w3c标准 html标准验证 xhtml标准验证 css标准验证

    在Web开发领域,遵循W3C标准对于创建高质量、可维护和跨浏览器兼容的网页至关重要。HTML、XHTML和CSS标准验证确保了网页代码的规范性,有助于提高用户体验和搜索引擎优化。以下是一些关于这些标准验证及常见错误解决...

    W3C标准-XHTML.v.2.0

    XHTML 2.0作为一项重要的W3C标准,对于推动Web文档的标准化和提高Web应用的质量具有重要意义。通过对XHTML 2.0的学习和掌握,开发者可以更好地利用其优势来构建高效、兼容性强的Web应用,从而提升用户体验并满足不断...

    W3C标准 W3C代码标准规范

    W3C标准还涵盖JavaScript和CSS的使用规范,确保脚本和样式表的正确加载和执行。 ##### 5. 注释中的“--” 在HTML和XHTML中,注释应避免使用“--”,因为这可能与SGML的注释语法冲突。 ##### 6. 元素和属性的小写...

    w3c标准html5手册完整版

    这个“w3c标准html5手册完整版”包含了丰富的信息,不仅涉及HTML5,还包括XHTML、JQuery、JavaScript、CSS以及SQL等关键Web开发技术,为开发者提供了一个全方位的参考资源。 首先,让我们详细了解一下HTML5。HTML5...

    W3C标准代码简介

    W3C标准不是一个单一的规范,而是一系列标准的集合,涵盖了网页设计和开发的各个方面,包括HTML、XHTML、CSS和XML等。这些标准旨在促进网页结构清晰、表现和行为分离,从而提高网页的可访问性、可维护性和搜索引擎...

    符合W3C标准之网页制作基本指引

    在过去的几十年里,W3C已经发布了多项重要的建议书和技术标准,包括但不限于HTML、CSS、XML及其衍生物如XHTML。 W3C的成员包括来自世界各地的研究机构、企业和个人开发者,他们共同参与标准的制定过程。该组织的...

    w3c标准html5手册.chm

    这个“w3c标准html5手册”涵盖了HTML5的核心概念、新特性、语义化元素以及与之相关的Web应用程序开发技术。下面我们将详细探讨这些知识点。 1. **HTML5的基本结构**:HTML5引入了更简洁的文档类型声明`&lt;!DOCTYPE ...

    W3C网页标准、div+css教程、xhtml+css介绍

    在学习和实践中,可以参考codefans.net等网站获取更多资源和教程,深入了解W3C网页标准、Div+CSS以及XHTML+CSS的应用技巧,不断提升前端开发技能。通过熟练掌握这些技术,你可以创建符合现代标准、用户体验优秀的...

    XHTML教程 W3C school 官方文档

    W3C的目标是促进Web的稳定性和互操作性,因此,遵循XHTML标准可以确保你的网页在不同浏览器和设备上表现一致。 ### 所有新的浏览器都支持XHTML 由于XHTML的广泛支持,开发人员可以有信心使用它来构建跨平台、跨...

    (转)W3C XHTML 1.0 Strict 标准模板 (GBK,UTF-8)

    【标题】"(转)W3C XHTML 1.0 Strict 标准模板 (GBK,UTF-8)"指的是一个遵循W3C组织制定的XHTML 1.0 Strict规范的网页模板,该模板同时支持GBK和UTF-8两种字符编码。GBK是中国大陆广泛使用的汉字编码标准,而UTF-8是...

    W3C 标准 深入 体验

    通过以上分析可以看出,W3C的标准不仅涉及网页的基本结构,还包括表现形式和行为规范等方面。XHTML强调了代码的清晰性和准确性,而CSS则提供了丰富的样式控制手段。这些标准和规范的深入学习和应用,对于提高Web开发...

    W3C标准的个人理解以及常见的注意内容

    W3C标准,全称为World Wide Web Consortium标准,是由万维网联盟制定的一系列规范和指导原则,旨在确保网页开发的质量与兼容性。它规定了一套严格的规则,用于指导网页开发者如何正确地编写HTML、CSS以及其他相关...

    css w3c school xHTML 电子 中文手册 入门文档

    该资源包涵CSS 2.0 中文手册.chm、CSS 3.0参考手册.chm、css开发者手册.chm、W3CSchool.chm、w3c标准html5手册.chm、w3c教程.CHM、xHTML参考手册.chm、XMLHttp中文参考手册.chm 电子文档,既适合新鸟学习,又适合老...

    有关w3c标准知识的资料

    W3C对HTML进行了多个版本的更新,如HTML4、XHTML1.0和最新的HTML5。HTML5引入了新的元素、属性和API,强化了多媒体支持,增强了离线存储功能,并修复了早期版本的一些问题。了解并遵循W3C的HTML标准,可以创建结构...

    w3c标准html5手册完整版.zip

    总之,"w3c标准html5手册完整版.zip"是一个全面的Web开发学习资料,涵盖了HTML5、XHTML、JavaScript、JQuery、CSS以及SQL的相关知识。通过深入理解和掌握这些技术,开发者能够构建出符合现代Web标准、功能丰富且用户...

Global site tag (gtag.js) - Google Analytics