html与xhtml的区别规范是什么

声明:本篇为转载,原地址 http://www.divcss5.com/w3c/w16.shtml,主要目的是为了后期做回顾,然后摘取下来。

html与xhtml的最主要的不同区别:

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

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

  • 2、XHTML 元素必须被关闭。

demo

  • 一个HEAD里的例子,“<meta name="keywords" content="关键字" > ”像这个标签在html是可行的,但是为了xhtml的标准所以必须关闭如“<meta name="keywords" content="关键字" /> ”

  • 如在一般html使用 “ <p> ”这个换大行标签时候很多人直接在需要换行的段落加个“ <p> ”标签就完了,但是在XHTML CSS标准中就必须是这样的 “ <p>段落文字</p> ” 意思就是必须由“ <p> 这个换行标签开始与文章文字段前,并在该段文字文字后以“ </p> ”标签结束。

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

  • 3、标签名必须用小写字母。

在以前的网页中对于很多标签通常使用大写或大小写的编排方式,但是在为了WEB标准现在标签都要求小写统一。
demo
以前很多“<html>、<body> ”等都用大写或大小写混用如“ <HTML>、<BODY> ”或“<Html>、<Body> ”排版,但是XHTML统一要求需要用“ <html>、<body> ”小写。

  • 4、XHTML 文档必须拥有根元素。

就是一什么标签开始就要用什么标签结束,如<body>开始就要在内容结束用</body>来关闭。

  • 5、对于图片需添加alt属性

以前很多时候在网页里显示图片img标签里都可加可不加alt属性,但是现在xhtml要求必须加上alt属性,不然xhtml验证将提示错误,哪怕alt的值为空都可以。

demo
错误 <img src="图片地址" />
正确<img src="图片地址" alt=“图片说明" />
那加了alt有什么好处?答:加上alt可以对图片进行文字说明,可让搜索引擎辨别图片内容,是优化网页好地方。

其实在我们平时做DIV+CSS时候,多注意标签使用及规范,很快就会掌握与不必特意注意xhtml标准。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,584评论 1 45
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,327评论 0 16
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,417评论 0 2
  • 一、XHTML简介 XHTML 是更严格更纯净的 HTML 代码。 XHTML 是什么? XHTML 指可扩展超文...
    码字与律动阅读 934评论 0 2
  • 1.HTML、XML、XHTML 有什么区别 HTML HTML含义:(HyperText Markup Lang...
    LouisJ阅读 1,212评论 0 1

友情链接更多精彩内容