HTML与XHTML的区别-HTML和XHTML的区别

上一次的文章，我们讲到了XHTML的发展历史和规范的一些要求，这一期，我们来讲讲他们具体有哪些差别！

一，XHTML中的标记名称必须小写

在HTML中，标记名称可以大写和小写，比如：
<BODY>
<p>这是一段话</p>
</BODY>

而在XHTML中，必须都小写，如下：
<body>
<p>这是一段话</p>
</body>

二，在XHTML中属性名称必须小写

和标记名称必须小写一样，属性名称也必须小写，比如下面这个代码，HTML中是正确的：
<IMG src="123.jpg" alt="HTML与XHTML的区别-HTML和XHTML的区别" WIDTH="100" HEIGHT="100" >

而在XHTML中这是错误的，必须写成：
<img src="123.jpg" alt="HTML与XHTML的区别-HTML和XHTML的区别" width="100" height="100" />

三，XHTML必须严格崁套

在下面的一个代码中，HTML是可以的，但是XHTML里面是错误的，比如：
<p><i>你好，SDT技术网</p></i>

在以前的html基础教程中我就提到过，这种写法是错误的，但是早期的HTML是可以这样写，希望跨入XHTML的时候大家不要犯这种错误，应该写成：
<p><i>你好，SDT技术网</i></p>

四，在XHTML中标记必须封闭

在之前，我就说过，大家要养成一个好习惯，写代码要封闭，这里的一段代码，html的确可以运行，但在XHTML里面就是错误了：
<p>这是一段话
<h1>这是一级标题

像上面两个代码，并没有封闭，这在XHTML中是严重错误的！
<p>这是一段话
<h1>这是一级标题

五，XHTML中标记是空元素也必须封闭

在html中，下列代码是允许的，但是XHTML的严格要求来说，是错误的：
换行<br>
水平线<hr>
图像<img src="1.jpg" alt="HTML与XHTML的区别-HTML和XHTML的区别">

而XHTML中应该写成：
换行<br />
水平线<hr />
图像<img src="1.jpg" alt="HTML与XHTML的区别-HTML和XHTML的区别" />

六，在XHTML中属性值必须用引号引起来

很多人写代码的时候，属性值就直接等于多少，而这在XHTML中是不允许的：
<a href=http://www.sdtclass.com>SDT技术网</a>

而这在XHTML中必须写成：
<a href="http://www.sdtclass.com">SDT技术网</a>

七：在XHTML中，属性值必须用完整形式

在html中一般用简写来设定属性值：
<input checked>

但是XHTML中必须写为：
<input checked="checked" />

XHTML相对HTML来说，有以下几点区别：
1.所有的标记都必须要有一个相应的结束标记
2.所有标签的元素和属性的名字都必须使用小写
3.所有的XML标记都必须合理嵌套
4.所有的属性必须用引号""括起来
5.把所有<和&特殊符号用编码表示【比如<用<代替，>用>代替等】
6.给所有属性赋一个值
7.不要在注释内容中使“--”【比如这里的中间的--不再有效，中间的--用=代替即可】
8.图片必须有说明文字【每个图片标签都必须有ALT说明文字】

以上这些就是XHTML和HTML的区别，大家记下来，以后说到的CSS和这个有关