首页 >web前端 >html教程 > 正文

html与xhtml的区别有哪些

原创2021-03-30 10:58:1701356

区别:XHTML元素必须被正确地嵌套,标签的嵌套顺序要正确。XHTML元素必须被关闭,即要有结束“</>”标签;而HTML中有些元素可以省略结束标签。XHTML的标签名必须用小写字母;而HTML的标签名大小写都可以。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

XHTML:可扩展超文本标记语言XHTML(eXtensible HyperText Markup Language)是将超文本标记语言HTML(HyperText Markup Language)作为XML应用而重新定义的标准。

HTML文档规范:

HTTP/1.1 200 OK
Content-Type: text/html
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <title>HTML</title>
  </head>
  <body>
    <p>I am a HTML document</p>
  </body>
</html>

XHTML文档规范:

HTTP/1.1 200 OK
Content-Type: application/xhtml+xml
 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>XHTML</title>
  </head>
  <body>
    <p>I am a XHTML document</p>
  </body>
</html>

XHTML兼容性

目前大多数浏览器都支持XHTML,其中包括Firefox、Chrome、Safari、Opera和IE浏览器(IE 9)。(Internet Explorer 8和旧浏览器在看到正确配置的XHTML MIME类型的XHTML文档时,会显示未知文件类型的下载对话框)。另外,有许多流行的JavaScript库和开发工具对XHTML也并不支持

HTML和XHTML的区别:

尽管XHTML与HTML几乎相同,但正确创建代码更为重要,因为XHTML在语法和区分大小写方面比HTML更严格严谨。XHTML文档是格式良好的,并使用标准XML解析器进行解析,这与HTML不同,HTML需要宽松的HTML特定解析器。

  • XHTML元素必须被正确地嵌套。 一般html网页可以“<b><i>主要内容</b></i>”这是个不严格,在XHTML是错误的;正确的在xhtml标准中就必须要求这样“<b><i>主要内容</i></b>”。

  • XHTML 元素必须被关闭。如一个HEAD里的例子,“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" />
  • 标签名必须用小写字母。在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一
  • XHTML 文档必须拥有根元素。意思就是一什么标签开始就要用什么标签结束,如<body>开始就要在内容结束用</body>来关闭。
  • 对于图片需添加alt属性。以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。

推荐教程:《html视频教程

以上就是html与xhtml的区别有哪些的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html xhtml
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数443
    php中转换首字母大写的函数是什么370
    Javascript怎么检查对象是否为空891
    推荐视频教程
  • html5基础知识入门视频教程html5基础知识入门视频教程
  • HTML5入门基础视频教程HTML5入门基础视频教程
  • HTML5新特性基础视频教程HTML5新特性基础视频教程
  • 视频教程分类