html 和xhtml区别

最新推荐文章于 2021-10-18 15:56:55 发布

百事可爱-后悔下凡

最新推荐文章于 2021-10-18 15:56:55 发布

阅读量2k

点赞数 5

本文链接：https://blog.csdn.net/weixin_42617917/article/details/82458294

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

XHTML是HTML向XML的一个过渡语言，它比HTML严谨性会高点，然后基本语言都还是沿用的HTML的标签，只不过废除了部分表现层的标签，同事在标准上要求高了点比如标签的严格嵌套，标签结束等等！
一，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说明文字】