html与xhtml的区别详解
html与xhtml的最主要的不同区别：（以下的讲解例子中将用红色区分）
1、XHTML 元素必须被正确地嵌套。
例子：
一般html网页可以“<b><i>主要内容</b></i>”这是个不严格，在XHTML是错误的；正确的在xhtml标准中就必须要求这样“<b><i>主要内容</i></b>”。
2、XHTML 元素必须被关闭。
exp：
1、一个HEAD里的例子，“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的，但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”
2、如在一般html使用 “ <p> ”这个换大行标签时候很多人直接在需要换行的段落加个“ <p> ”标签就完了，但是在XHTML CSS标准中就必须是这样的 “ <p>段落文字</p> ” 意思就是必须由“ <p> 这个换行标签开始与文章文字段前，并在该段文字文字后以“ </p> ”标签结束。
3、如很多在做html页面时候用到小换行标签“ br ”，很多人不知道这个标签需要以关闭的样式来换行，如：一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“ <br> ”就好了 ，但是告诉大家这也是不标准，在XHTML验证时候是通不过的，必须用“ <br /> ”自关闭结束。
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可以对图片进行文字说明，可让搜索引擎辨别图片内容，是优化网页好地方。
其实在我们平时做DIV+CSS时候，多注意标签使用及规范，很快就会掌握与不必特意注意xhtml标准。
相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
以上就是html与xhtml的区别详解的详细内容，更多请关注其它相关文章！
推荐阅读
-
深入解析fsockopen与pfsockopen的区别_PHP教程
-
PHP合并数组+与array_merge的区别分析_php技巧
-
比较全面的event对像在IE与FF中的区别 推荐_javascript技巧
-
PHP中的浅复制与深复制的实例详解
-
详解webpack require.ensure与require AMD的区别_javascript技巧
-
php中++i 与 i++ 的区别_php技巧
-
CSS的link和@import的区别_html/css_WEB-ITnose
-
用Json实现PHP与JavaScript间数据交换的方法详解_PHP
-
jquery append()方法与html()方法的区别及使用介绍_jquery
-
html5指南（4）-使用Geolocation的详解