xhtml和html的区别

今天在用“tinymce编辑器”的时候,发现有一个配置选项“element_format(设置元素是XHTML模式还是HTML模式?默认值:xhtml)”,也就是说tinymce编辑器默认用的是XHTML语法

 

虽然说编程经常用到HTML代码,我也只顾埋头写代码,还真没有仔细去研究过XHTML和HTML的区别,趁着这个机会,今天顺便再来学习一下,也顺便做一个小笔记:

 

XHTML和HTML最主要的不同:

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

XHTML 元素必须被关闭。

XHTML 标签名必须用小写字母。

XHTML 文档必须拥有根元素。

 

从HTML到XHTML过渡的变化比较小,主要是为了适应XML。

XHTML和HTML的区别还可表现于以下几个方面:

 

一、其基础语言不同

1、XHTML是基于可扩展标记语言(XML)。

2、HTML是基于标准通用标记语言(SGML)。

 

二、语法严格程度不同

1、XHTML语法比较严格,存在DTD定义规则。

2、HTML语法要求比较松散,这样对网页编写者来说,比较方便。

 

三、可混合应用不同

1、XHTML可以混合各种XML应用,比如MathML、SVG。

2、HTML不能混合其它XML应用。

 

四、大小写敏感度不同

1、XHTML对大小写敏感,标准的XHTML标签应该使用小写。

2、HTML对大小写不敏感。

 

五、公布时间不同

1、XHTML是2000年W3C公布发行的。

2、HTML4.01是1999年W3C推荐标准。

 

HTML 和 XHTML 的区别简单来说,XHTML 可以认为是 XML 版本的 HTML,为符合 XML 要求,XHTML 语法上要求更严谨些。

HTML 和 XHTML 两者的区别,粗略可以分为两大类比较:

 

一、一个是功能上的差别

主要是XHTML可兼容各大浏览器、手机以及PDA,并且浏览器也能快速正确地编译网页。

 

二、另一个是书写习惯的差别。

因为XHTML要求比较严谨,所以书写应用要求细心与细致,下面列出了几条容易犯的错误,供大家引用。

 

1、XHTML要求正确嵌套

错误:<p>XHTML文档<strong>与HTML的主要区别</p></strong>

正确:<p>XHTML文档<strong>与HTML的主要区别</strong></p>

 

2、XHTML所有元素必须关闭

在HTML下某些原始可以单独使用,如<p>标记,可以不写</p>。但在XHTML下,要求必须写关闭标记。

错误:<p>XHTML与HTML的主要区别

正确:<p>XHTML与HTML的主要区别</p>

 

3、空标签也必须被关闭

空标签也必须使用结束标签,或者其开始标签必须使用/>结尾,例如:

<br />

<hr />

<img src="a.jpg" alt="pic" />

 

4、XHTML区分大小写

HTML中是不区分大小写的,但在XHTML中区分。XHTML所有标记和属性都要小写。如:

错误:<IMG SRC="a.jpg" ALT="pic" />

正确:<img src="a.jpg" alt="pic" />

 

5、XHTML属性值要加引号

属性值可以用双引号,也可以用单引号,但要成对。

错误:<table width=800

正确:<table width="800"

 

6、XHTML用id属性代替name属性

错误:<img src="a.jpg" name="pic1" />

正确:<img src="a.jpg" id="pic1" />

 

7、属性值不能简写

HTML中,有的元素属性值只有单一的固定值,这时可以只写属性名不写属性值,但在XHTML中必须写属性名和属性值。如:

错误:<input type="radio" checked>

正确:<input type="radio" checked=“checked”>

 

8、XHTML 文档必须拥有一个根元素

所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:

<html>
<head> ... </head>
<body> ... </body>
</html>

 

总结:

经过此篇内容的学习,我发现我以前写的所有的HTML代码其实都是用的XHTML语法,都是用的严格标准语法,看来从编程开始有一个良好的习惯也是挺不错的。

    A+
发布日期:2021年04月29日 10:37:53  所属分类:HTML
最后更新时间:2021-04-29 10:37:53
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
PowerDesigner数据库设计与建模
  • ¥ 58元
  • 市场价:58元
Photoshop CS视频教程全集:1000集PS课程
  • ¥ 199.0元
  • 市场价:899.0元
Swoole项目实战(第二季)
  • ¥ 99.0元
  • 市场价:99.0元
PHP零基础入门到精通视频教程
  • ¥ 199.0元
  • 市场价:199.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: