xhtml和html的区别是什么-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

区别：1、XHTML必须被正确嵌套，html不需要；2、XHTML元素必须被关闭，html不需要；3、XHTML标签名必须用小写字母，html不需要；4、XHTML文档必须有根元素；5、XHTML对于图片需添加alt属性，html不需要。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML和XHTML

可扩展超文本标记语言XHTML(eXtensible HyperText Markup Language)是将超文本标记语言HTML（HyperText Markup Language）作为XML应用而重新定义的标准。

在HTML5标准中定义了两种语法（HTML 4.01和XHTML 1）。此标准中可以通过定义一个特殊的DOCTYPE标签来XHTML，但是并没有太多浏览器去实现这一标准。所以最后HTML5标准推翻了这个决定。

可以通过改变MIME类型（包含在HTTP请求中的Content-Type）来指示语法的选择：如果需要使用XHTML，MIME类型应该为application/xhtml+xml，MIME类型为text/ html则不使用XHTML。

适当的MIME类型必须存在于HTTP请求中的Content-Type中。如果只把MIME类型写在HTML标签中，如<meta http-equiv=…>，依然会被当作text/html执行。

xhtml和html的区别

1、XHTML元素必须被正确地嵌套

例子：

一般html网页可以“主要内容”这是个不严格，在XHTML是错误的；正确的在xhtml标准中就必须要求这样“主要内容”。

2、XHTML 元素必须被关闭

exp：

一个HEAD里的例子，“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的，但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”

如在一般html使用 “ ”这个换大行标签时候很多人直接在需要换行的段落加个“ ”标签就完了，但是在XHTML CSS标准中就必须是这样的 “ 段落文字 ” 意思就是必须由“ 这个换行标签开始与文章文字段前，并在该段文字文字后以“ ”标签结束。

如很多在做html页面时候用到小换行标签“ br ”，很多人不知道这个标签需要以关闭的样式来换行，如：一段文字后要换行很多CSS制作这就在需要换行的地方加了个“ ”就好了，但是告诉大家这也是不标准，在XHTML验证时候是通不过的，必须用“ ”自关闭结束。

3、标签名必须用小写字母

在以前的网页中对于很多标签通常使用大写或大小写的编排方式，但是在为了WEB标准现在标签都要求小写统一。

exp：

以前很多“<html>、<body> ”等都用大写或大小写混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版，但是XHTML统一要求需要用“ <html>、<body> ”小写。

4、XHTML文档必须拥有根元素

意思就是一什么标签开始就要用什么标签结束，如<body>开始就要在内容结束用</body>来关闭。

5、对于图片需添加alt属性

以前很多时候在网页里显示图片img标签里都可加可不加alt属性，但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误，哪怕alt的值为空都可以。

exp:

错误 <img src="图片地址" />

正确<img src="图片地址" alt=“图片说明" />

那加了alt有什么好处？答：加上alt可以对图片进行文字说明，可让搜索引擎辨别图片内容，是优化网页好地方。

推荐教程：《html视频教程》

以上就是xhtml和html的区别是什么的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者