html 和xhtml区别

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说明文字】

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页