HTML - XHTML
XHTML 是以 XML 格式编写的 HTML。
什么是 XHTML?
- XHTML 指的是可扩展超文本标记语言
- XHTML 与 HTML 4.01 几乎是相同的
- XHTML 是更严格更纯净的 HTML 版本
- XHTML 是以 XML 应用的方式定义的 HTML
- XHTML 是 2001 年 1 月发布的 W3C 推荐标准
- XHTML 得到所有主流浏览器的支持
如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则):
< html > < head > < meta charset = " utf-8 " > < title > 这是一个不规范的 HTML title > < body > < h1 > 不规范的 HTML < p > 这是一个段落 body > XML 是一种必须正确标记且格式良好的标记语言。
如果希望学习 XML,请阅读我们的 XML 教程。
今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。
所以 - 通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。
与 HTML 相比最重要的区别: 文档结构
- XHTML DOCTYPE 是强制性的
- 中的 XML namespace 属性是强制性的
- 、、
以及 也是强制性的
- XHTML 元素必须正确嵌套
- XHTML 元素必须始终关闭
- XHTML 元素必须小写
- XHTML 文档必须有一个根元素
- XHTML 属性必须使用小写
- XHTML 属性值必须用引号包围
- XHTML 属性最小化也是禁止的
您可以在菜鸟教程的标签参考手册中找到完整的 XHTML 文档类型。
, ,
下面的例子展示了带有最少的必需标签的 XHTML 文档:
< ! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
文档内容
XHTML 元素必须合理嵌套 在 HTML 中,一些元素可以不互相嵌套,像这样:
< b > < i > 粗体和斜体文本 b > i > 在 XHTML 中,所有的元素都必须互相合理地嵌套,像这样:
< b > < i > 粗体和斜体文本 i > b >
XHTML 元素必须有关闭标签 错误示例:
< p > 这是一个段落 < p > 这是另外一个段落 正确示例:
< p > 这是一个段落 p > < p > 这是另外一个段落 p >
空元素必须包含关闭标签 错误示例:
分行: < br > 水平线: < hr > 图片: < img src = "https://www.it610.com/article/happy.gif" 分行: < br /> 水平线: < hr /> 图片: < img src = "https://www.it610.com/article/happy.gif" < BODY > < P > 这是一个段落 P > BODY > 【HTML教程|HTML - XHTML】正确示例:
< body > < p > 这是一个段落 p > body >
属性名称必须是小写 错误示例:
< table WIDTH = " 100% " > 正确示例:
< table width = " 100% " >
属性值必须有引号 错误示例:
< table width = 100 % > 正确示例:
< table width = " 100% " >
不允许属性简写 错误示例:
< input checked > < input readonly > < input disabled > < option selected > 正确示例:
< input checked = " checked " > < input readonly = " readonly " > < input disabled = " disabled " > < option selected = " selected " >
如何将 HTML 转换为 XHTML
- 添加一个 XHTML 到你的网页中
- 添加 xmlns 属性添加到每个页面的html元素中。
- 改变所有的元素为小写
- 关闭所有的空元素
- 修改所有的属性名称为小写
- 所有属性值添加引号
推荐阅读
- JavaScript|JavaScript之DOM增删改查(重点)
- flex|C语言-使用goto语句从循环中跳出
- quill|Quill编辑器插入自定义HTML记录
- HTML基础
- HTML基本知识
- web前端笔记|web前端学习-第一天
- 百度网盘|教你优雅绕开百度网盘限速机制
- 数据可视化|几款免费在线甘特图工具
- HTML+Js实战项目|在网页中实现icon小图标的几种方法
- 如何修改网页小图标,浏览器页面上的图标。