xhtml和html的区别是什么
区别:1、XHTML必须被正确嵌套,html不需要;2、XHTML元素必须被关闭,html不需要;3、XHTML标签名必须用小写字母,html不需要;4、XHTML文档必须有根元素;5、XHTML对于图片需添加alt属性,html不需要。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
HTML和XHTML
可扩展超文本标记语言XHTML(eXtensible HyperText Markup Language)是将超文本标记语言HTML(HyperText Markup Language)作为XML应用而重新定义的标准。
在HTML5标准中定义了两种语法(HTML 4.01和XHTML 1)。此标准中可以通过定义一个特殊的DOCTYPE标签来XHTML,但是并没有太多浏览器去实现这一标准。所以最后HTML5标准推翻了这个决定。
可以通过改变MIME类型(包含在HTTP请求中的Content-Type)来指示语法的选择:如果需要使用XHTML,MIME类型应该为application/xhtml+xml,MIME类型为text/ html则不使用XHTML。
适当的MIME类型必须存在于HTTP请求中的Content-Type中。如果只把MIME类型写在HTML标签中,如<meta http-equiv=…>,依然会被当作text/html执行。
xhtml和html的区别
1、XHTML元素必须被正确地嵌套
例子:
一般html网页可以“<b><i>主要内容</b></i>”这是个不严格,在XHTML是错误的;正确的在xhtml标准中就必须要求这样“<b><i>主要内容</i></b>”。
2、XHTML 元素必须被关闭
exp:
一个HEAD里的例子,“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”
如在一般html使用 “ <p> ”这个换大行标签时候很多人直接在需要换行的段落加个“ <p> ”标签就完了,但是在XHTML CSS标准中就必须是这样的 “ <p>段落文字</p> ” 意思就是必须由“ <p> 这个换行标签开始与文章文字段前,并在该段文字文字后以“ </p> ”标签结束。
如很多在做html页面时候用到小换行标签“ br ”,很多人不知道这个标签需要以关闭的样式来换行,如:一段文字后要换行 很多CSS制作这就在需要换行的地方加了个“ <br> ”就好了 ,但是告诉大家这也是不标准,在XHTML验证时候是通不过的,必须用“ <br /> ”自关闭结束。
3、标签名必须用小写字母
在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一。
exp:
以前很多“<html>、<body> ”等都用大写或大小写混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版,但是XHTML统一要求需要用“ <html>、<body> ”小写。
4、XHTML文档必须拥有根元素
意思就是一什么标签开始就要用什么标签结束,如<body>开始就要在内容结束用</body>来关闭。
5、对于图片需添加alt属性
以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。
exp:
错误 <img src="图片地址" />
正确<img src="图片地址" alt=“图片说明" />
那加了alt有什么好处?答:加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。
推荐教程:《html视频教程》
以上就是xhtml和html的区别是什么的详细内容,更多请关注其它相关文章!
上一篇: 禁止页面缓存的几种方法
下一篇: 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated column
推荐阅读
-
windows 2003 server php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
-
indexOf和lastIndexOf的区别
-
请教 query builder 实现的意义和目的是什么?
-
PHP中单引号和双引号的区别,php引号双引号_PHP教程
-
JavaScript操作DOM元素的childNodes和children区别_javascript技巧
-
request(域对象)和response的区别和用法
-
详细分析mybatis中resultType和resultMap的区别与联系
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
CSS3如何实现2D转换和3D转换,他们有何区别_html/css_WEB-ITnose
-
c#中 String和string的区别介绍