HTML-XHTML

HTML - XHTML

XHTML 是以 XML 格式编写的 HTML。

什么是 XHTML?

XHTML 指的是可扩展超文本标记语言
XHTML 与 HTML 4.01 几乎是相同的
XHTML 是更严格更纯净的 HTML 版本
XHTML 是以 XML 应用的方式定义的 HTML
XHTML 是 2001 年 1 月发布的 W3C 推荐标准
XHTML 得到所有主流浏览器的支持

为什么使用 XHTML?
因特网上的很多页面包含了”糟糕”的 HTML。
如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：

不规范的 HTML

这是一个段落

XML 是一种必须正确标记且格式良好的标记语言。
如果希望学习 XML，请阅读我们的 XML 教程。
今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释”糟糕”的标记语言的资源和能力。
所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

与 HTML 相比最重要的区别：
文档结构

XHTML DOCTYPE 是强制性的

中的 XML namespace 属性是强制性的 、、 文档内容

XHTML 元素必须合理嵌套
在 HTML 中，一些元素可以不互相嵌套，像这样：

粗体和斜体文本

在 XHTML 中，所有的元素都必须互相合理地嵌套，像这样：

粗体和斜体文本

XHTML 元素必须有关闭标签
错误示例：

这是一个段落

这是另外一个段落

正确示例：

这是一个段落

这是另外一个段落

空元素必须包含关闭标签
错误示例：

分行:

水平线:

---

图片:

正确示例：

分行:

水平线:

---

图片:

XHTML 元素必须是小写
错误示例:

这是一个段落

正确示例：

这是一个段落

属性名称必须是小写
错误示例：

正确示例:

属性值必须有引号
错误示例：

正确示例：

不允许属性简写
错误示例：

正确示例：

如何将 HTML 转换为 XHTML

添加一个 XHTML <!DOCTYPE> 到你的网页中
添加 xmlns 属性添加到每个页面的html元素中。
改变所有的元素为小写
关闭所有的空元素
修改所有的属性名称为小写
所有属性值添加引号

使用 W3C 验证器来测试你的 XHTML

请在下面的输入框中输入您的网址：

Author: hory-ai horysk

Link: https://www.hory-ai.com/2024/12/07/html/HTML-XHTML/

Copyright Notice: All articles on this blog are licensed under hory-ai.com horysk.com unless otherwise stated.

codehtml

Previous

HTML5Audio(音频)

HTML5 Audio(音频) HTML5 提供了播放音频文件的标准。 互联网上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准，即使用 元素。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 元素.注意: Internet Explorer 8 及更早IE版本不支持 元素. HTML5 Audio - 如何工作如需在 HTML5 中播放音频，你需要使用以下代码： 实例 您的浏览器不支持 audio 元素。 尝试一下 » control 属性供添加播放、暂停和音量控件。在 与 之间你需要插入浏览器不支持的元素的提示文本 。 元素允许使用多个 元素. 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件 音频格式及浏览器支持目前, 元素支持三种音频格式文件: MP3, Wav, 和...

Next

HTML(5)代码规范

HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。 使用正确的文档类型文档类型声明位于HTML文档的第一行： 如果你想跟其他标签一样使用小写，可以使用以下代码： 使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母： 混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。小写字母容易编写。 不推荐:   这是一个段落。 非常糟糕:   这是一个段落。 推荐:   这是一个段落。 关闭所有 HTML 元素在 HTML5 中, 你不一定要关闭所有元素 (例如 元素)，但我们建议每个元素都要添加关闭标签。不推荐:   这是一个段落。  这是一个段落。 推荐:   这是一个段落。  这是一个段落。 关闭空的...

Related Articles

2024-12-07

HTML(5)代码规范

HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。 使用正确的文档类型文档类型声明位于HTML文档的第一行： 如果你想跟其他标签一样使用小写，可以使用以下代码： 使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母： 混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。小写字母容易编写。 不推荐:   这是一个段落。 非常糟糕:   这是一个段落。 推荐:   这是一个段落。 关闭所有 HTML 元素在 HTML5 中, 你不一定要关闭所有元素 (例如 元素)，但我们建议每个元素都要添加关闭标签。不推荐:   这是一个段落。  这是一个段落。 推荐:   这是一个段落。  这是一个段落。 关闭空的...

2024-12-07

HTML5Audio(音频)

HTML5 Audio(音频) HTML5 提供了播放音频文件的标准。 互联网上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准，即使用 元素。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 元素.注意: Internet Explorer 8 及更早IE版本不支持 元素. HTML5 Audio - 如何工作如需在 HTML5 中播放音频，你需要使用以下代码： 实例 您的浏览器不支持 audio 元素。 尝试一下 » control 属性供添加播放、暂停和音量控件。在 与 之间你需要插入浏览器不支持的元素的提示文本 。 元素允许使用多个 元素. 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件 音频格式及浏览器支持目前, 元素支持三种音频格式文件: MP3, Wav, 和...

2024-12-07

HTML5Geolocation（地理定位）

HTML5 Geolocation（地理定位） HTML5 Geolocation（地理定位）用于定位用户的位置。 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。 HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例，可返回用户位置的经度和纬度: 实例 var x=document.getElementById(“demo”);function getLocation(){if...

2024-12-07

HTML5Canvas

HTML5 Canvas 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 你的浏览器不支持 HTML5 的 元素. 什么是 canvas? HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。 浏览器支持表格中的数字表示支持 元素的第一个浏览器版本号。 元素 4.0 9.0 2.0 3.1 9.0 创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过 元素来绘制.注意: 默认情况下 元素没有边框和内容。简单实例如下: 注意: 标签通常需要指定一个id属性 (脚本中经常引用),width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个 元素.使用 style 属性来添加边框: 实例 尝试一下 » 使用 JavaScript 来绘制图像canvas...

2024-12-07

HTML5SVG

HTML5 SVG SVG 定义为可缩放矢量图形。HTML5 支持内联 SVG。HTML 元素是 SVG 图形的容器。SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 SVG Sorry, your browser does not support inline SVG. 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准 SVG优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于： SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大 浏览器支持表格中的数字表示支持该元素的第一个浏览器版本号。 元素 4.0 9.0 3.0 3.2 10.1 把 SVG 直接嵌入 HTML 页面在 HTML5 中，您能够将...

2024-12-07

HTML5Video(视频)

HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准。 检测您的浏览器是否支持 HTML5 视频： 检测 Web站点上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 元素.注意: Internet Explorer 8 或者更早的IE版本不支持 元素。 HTML5 (视频)- 如何工作如需在 HTML5 中显示视频，您所有需要的是： 实例 您的浏览器不支持Video标签。 尝试一下 » 元素提供了 播放、暂停和音量控件来控制视频。同时 元素也提供了 width 和 height...

hory-ai horysk

Articles

1585

Tags

30

Categories

30

Follow Me

Announcement

量子数字论坛！

Contents

1. 1. 不规范的 HTML 这是一个段落

Recent Posts

广州警方揭新型信用卡诈骗犯罪内幕芯片信用卡2分05秒即被复制2025-01-15

2025年我国将初步建成煤矿智能化标准体系2025-01-15

我国将打造韧性城市市政基础设施智能化发展智慧住区深入推进5G车联网2025-01-15

东风蔚来上汽智己小米等加快推动人形机器人在汽车行业创新应用2025-01-15

四部门探索以社会保障卡为载体建立居民服务一卡通推进适老助残无障碍设施与公共服务数字化改造2025-01-15

©2019 - 2025 By hory-ai horysk

Framework Hory-ai|Theme Horysk