前端那些事：XHTML和HTML的区别

用官方网站的一句话：为什么要使用XHTML？我们认为万维网上的许多页面都包含着糟糕的 HTML 代码。即使它没有遵守 HTML 规则，HTML 代码仍然可以工作得很好。虽然给了开发者很多的便利，同时也出现许多写法不严谨的代码风格。

何为HTML，何为XHTML，啥关系，啥区别。

HTML中文名是超级文本标记语言，是一种基本的WEB网页设计语言。而XHTML是一个基于可扩展标记语言的标记语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML），所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

HTML 和 XHTML 的区别简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 是更严谨更纯净的 HTML 版本,所以如果你是习惯松散结构的HTML编写者，那需要注意XHTML的规则。

最主要的不同：

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

标签由外到内，一层层包覆着，所以假设你先写div后写h1，结尾就要先写h1后写div。只要记住一个原则“先进后出”，先弹出的标签要后结尾。

2.XHTML 元素必须被关闭。

像是

、

、

标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一。

3.标签名必须用小写字母。

在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。

4.XHTML 文档必须拥有根元素。

在XHTML 1.0中规定连单引号也不能使用，所以全程都得用双引号。

还需要注意的是不允许使用target="_blank"。从XHTML 1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。

就如平常碰到的一个小问题，开发中使用的input标签要不要加“/”来自我闭包？

在HTML规范中,单独存在的标签是不需要使用/来自我关闭的,比如
、、

---

等等这样的标签都是符合语法的.

在XHTML规范中,单独存在的标签要按照XML的语法规则进行自我关闭,上面三个标签就应写成
、、

---

。