首页 > web前端 > html教程 > html与xhtml的区别详解

html与xhtml的区别详解

php中世界最好的语言
发布: 2017-11-29 11:50:31
原创
2683 人浏览过

今天来给大家详细的介绍一下俩个概念,html和xhtml的相同与不同,帮助大家更好的理解前端技术。

html与xhtml的最主要的不同区别:(以下的讲解例子中将用红色区分) 
1、XHTML 元素必须被正确地嵌套。 
例子:
一般html网页可以“主要内容”这是个不严格,在XHTML是错误的;正确的在xhtml标准中就必须要求这样“主要内容”。

2、XHTML 元素必须被关闭。 
exp:
1、一个HEAD里的例子,“ ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“ ”
2、如在一般html使用 “

 ”这个换大行标签时候很多人直接在需要换行的段落加个“

  ”标签就完了,但是在XHTML CSS标准中就必须是这样的  “ 

段落文字

  ” 意思就是必须由“

  这个换行标签开始与文章文字段前,并在该段文字文字后以“ 

 ”标签结束。
3、如很多在做html页面时候用到小换行标签“ br ”,很多人不知道这个标签需要以关闭的样式来换行,如:一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“ 
 ”就好了 ,但是告诉大家这也是不标准,在XHTML验证时候是通不过的,必须用“ 
 ”自关闭结束。

3、标签名必须用小写字母。 
在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一。
exp:
以前很多“、 ”等都用大写或大小写混用如“ 、 ”或“、   ”排版,但是XHTML统一要求需要用“ 、  ”小写。

4、XHTML 文档必须拥有根元素。
意思就是一什么标签开始就要用什么标签结束,如开始就要在内容结束用来关闭。
 
5、对于图片需添加alt属性
以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。
exp:
错误  
正确“图片说明"
那加了alt有什么好处?答:加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。
其实在我们平时做DIV+CSS时候,多注意标签使用及规范,很快就会掌握与不必特意注意xhtml标准。

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!


相关阅读:

怎样不使用CSS改变鼠标悬停样式

HTML里无法显示背景颜色的解决方法

Js操作DOM对象的流程

以上是html与xhtml的区别详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板