什么是XHTML，XHTML学习笔记

最新推荐文章于 2022-10-26 09:44:15 发布

Java'BestBlog

最新推荐文章于 2022-10-26 09:44:15 发布

阅读量487

点赞数

分类专栏： HTML 文章标签：前端

本文链接：https://blog.csdn.net/wangzhengjiushiwo/article/details/110957553

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

什么是XHTML

XHTML是以XML格式编写的HTML

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

为何要用到XHTML

由于历史原因(主要是浏览器的兼容性)，HTML的写法很随意，比如可以省略关闭标签、不正确嵌套等等，在PC端都可以被显示出来，但是在移动端就显得不是那么友好，因此我们需要更严格的HTML。

如下示例，在浏览器中运行的非常正常，但是它并未遵守HTML规则

<html>
<head>
<meta charset="utf-8">
<title>这是一个不规范的 HTML</title>
<body>
<h1>不规范的 HTML
<p>这是一个段落
</body>

随着移动端的不断普及，各大网页需要在移动端（如手机，平板）上运行，而这些小型设备缺乏解释如上示例中糟糕的标记语言的资源和能力
所以通过XML和HTML各自的长处，开发了XHTML

XHTML与HTML的区别

XHTML标准示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <meta charset="utf-8">
  <title>文档标题</title>
</head>
 
<body>
文档内容
</body>
 
</html>

文档结构

XHTML DOCTYPE 是强制性的
<html>中的 XML namespace 属性是强制性的
<html>、<head>、<title>以及 <body>也是强制性的

元素语法

XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭
XHTML 元素必须小写
XHTML 文档必须有一个根元素

属性语法

XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的

示例

XHTML元素必须合理嵌套

<!-- 在HTML中，一些元素可以不互相嵌套 -->
<b><i>这是文字内容</b></i>

<!-- 在XHTML中，所有元素必须合理嵌套 -->
<b><i>这是文字内容</i></b>

XHTML元素必须有关闭标签

<!-- 正确写法 -->
<p>文本内容段落
<p>另外一个文本内容段落
    
<!-- 错误写法 -->
<p>文本内容段落</p>
<p>另外一个文本内容段落</p>

将HTML转换为XHTML

添加一个 XHTML <!DOCTYPE> 到你的网页中
添加 xmlns 属性添加到每个页面的html元素中。
改变所有的元素为小写
关闭所有的空元素
修改所有的属性名称为小写
所有属性值添加引号
使编码格式符合XHTML规则，即可转换成功

本文参考菜鸟教程：传送门

Java'BestBlog

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
什么是XHTML，XHTML学习笔记

什么是XHTMLXHTML是以XML格式编写的HTMLXHTML指的是可扩展超文本标记语言XHTML 与 HTML4.01 几乎是相同的XHTML是更严格更纯净的HTML版本XHTML是以XML应用的方式定义的HTMLXHTML 是 2001年1月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持为何要用到XHTML由于历史原因(主要是浏览器的兼容性)，HTML的写法很随意，比如可以省略关闭标签、不正确嵌套等等，在PC端都可以被显示出来，但是在移动端就显得不是那么友好，因
复制链接

扫一扫

专栏目录