XHTML 和 HTML 5 的区别
刚开始接触网络的人经常说他们很难区分 HTML 5 和 XHTML。有时不清楚哪种语言最适合初学者。鉴于 XHTML 和 HTML 5 或多或少都服务于相同的目的,这种误解持续存在也就不足为奇了。
通读本文,了解 XHTML 和 HTML 5 的概述,并学习这两种标记语言之间有何区别。
什么是 XHTML?
XHTML 代表可扩展超文本标记语言。互联网已经发展到这一步,这是其发展的下一个逻辑阶段。属于 XHTML 系列的初始文档类型称为 XHTML 1.0。
XHTML 和 HTML 4.01 之间只有少数关键变化,否则它们基本上是相似的。此版本的 HTML 4.01 更有条理,并且更符合标准。如果您已经熟悉 HTML,那么学习 HTML 的最新版本将无需您花费太多精力。
为什么要使用 XHTML?
网站开发人员和网页浏览器制造商始终都在想出创新的方法来通过创建新的标记语言来表达他们的想法。
在使用 XML 时,添加新元素或额外的元素属性是一个非常简单的过程。XHTML 系列旨在通过提供 XHTML 模块和生成新的符合 XHTML 的模块开发方法来支持这些扩展。
在生成内容和构建新的用户代理方面,这些模块使得能够将以前开发的功能与新开发的功能结合起来。用 XHTML 编写的文档被认为是符合 XML 的,因为可以使用标准的 XML 工具轻松浏览、修改和验证它们。
XHTML 示例
这是一个 XHTML 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Title </title> </head> <body> Body Part </body> </html>
输出
Body Part
什么是 HTML 5?
超文本标记语言 (HTML) 是定义网页内容和外观的标准计算机语言。HTML 5 是 HTML 的最新版本。
创建 HTML 5 的目的是解决先前版本标准 HTML4 中存在的兼容性问题。HTML 5 与早期版本之间最显著的区别之一是,HTML 的早期版本要求使用专有插件和应用程序编程接口 (API)。
为什么要使用 HTML5?
对移动设备上的多媒体内容的支持是 HTML 5 的设计目标之一,它旨在总体上更适合移动设备。为了提供支持,已经开发了新的语法功能,例如视频、音频和画布标签。
此外,HTML5 包含可能极大地改变用户与文档交互方式的新功能,包括以下示例:
新的解析规则以允许更大的灵活性
新特性
删除已过时或不再需要的特性
脱机编辑功能,允许将内容从一个 HTML5 文档拖放到另一个 HTML5 文档
消息传递升级
一套完整的 MIME 解析和协议处理程序注册规则
HTML5 示例
请查看以下 HTML5 代码:
<!DOCTYPE html> <html> <head> <title>Title</title> </head> <body> <h1>header</h1> <p> <a href="#">a tag <a> </p> </body> </html>
输出
header a tag
XHTML 和 HTML5 的区别
下表突出显示了 XHTML 和 HTML5 之间的主要区别:
比较依据 | XHTML | HTML5 |
---|---|---|
开发机构 | 万维网联盟 (W3C) | 万维网联盟 (W3C) 和 Web 超文本应用技术工作组 (WHATWG) 之间的合作。 |
大小写敏感性 | 大小写敏感 | 不区分大小写 |
特性和优势 | HTML 和 XML 的混合格式。 它为网页建立了一个标准,确保它们可以在支持 XHTML 的浏览器中正确显示。 用 XHTML 编写的页面可以相对轻松地更改和格式化,并且几乎不需要维护。它提供了一种结构良好且统一的格式,使所有 Web 浏览器都能快速处理和解释该格式。 小程序和脚本是可以在 XHTML 文本中使用的程序员示例。这些应用程序需要 HTML 文档对象模型或 XML 文档对象模型才能正常工作。除了更新和验证外,还可以使用 XML 工具查看文档。 | 用户可以通过拖放将项目从一个位置移动到另一个位置,从而能够在一个站点上移动项目。各种 Web 应用程序的用户可以使用地理定位来披露他们的位置。 服务器发送事件(有时称为 SSE)是 HTML5 中包含的一项功能,它允许事件从 Web 服务器流向 Web 浏览器。我们将此类事件称为“服务器传递事件”。新元素 - 引入了一些新元素,包括“标题”、“页脚”和“部分”。微数据 - 使用此功能,用户可以扩展网页的语义范围,超越 HTML5 的可能性,并构建自己的词汇表。 |
语法 | 必须有足够的标签嵌套。 XHTML 中的属性和标签必须使用小写字母编写。 DOCTYPE 声明是每个 XHTML 文档的重要组成部分。必须使用 id 属性代替 name 属性。我不接受 script 标签的 language 属性。 | 大写标签名称。 属性值是可选的。 空元素的闭合是可选的。属性的引号是可选的。 提供 <script> 和 <link> 等标签以及 Figure、Nav 和 Article 等文档标签 |
属性 | 基本属性是 class、id、style 和 title。 language 属性提供使用的语言。 它具有 Microsoft 专有功能,例如 accesskey、language、tabindex、hidefocus 等。 | Align 是一个函数,可用于将标签对齐到右侧、左侧或中心。 Hidden - 指示元素是否应隐藏。 Itemprop - 项目分组属性的简称。 Tabindex 是一个规范,用于确定任何元素的选项卡顺序。Data- - 帮助自定义属性并允许作者自己指定这些属性。 |
结论
HTML、HTML5 和 XHTML 都是标记语言,每种语言都包含自己独特的功能子集。HTML 是这三种语言中使用最广泛的。
XHTML 和 HTML5 都被认为是 HTML4 标记语言的增强变体。XHTML 旨在结合 XML 的某些元素,但是随着 HTML5 的创建,我们看到了各种重大增强功能,使其成为这三种标记语言中最好的,也是目前使用最广泛的标记语言。
建议刚开始学习网页设计的用户放弃 XHTML 和 HTML4,而是将注意力集中在学习 HTML5 上,因为这种语言的广泛使用以及它提供的改进功能。