html和xhtml和html5一些区别和笔记

XHTML,HTML

  XHTML 与 HTML 4.01 标准没有太多的不同, XHTML1.0XML风格的HTML4.01,标签的规范更加严格 , W3C一直是推崇XHTML这种严格类型的语法, 但是XHTML1.0升级到了1.1以后就夭折了。

html和xhtml最主要的不同:

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

      • 错误:<Head></Head><Body></Body>
      • 正确:<head></head><body></body>
  • XHTML 元素必须被关闭。
      • 错误:<p>xxxx
      • 正确: <p>xxxx</p>
  • 标签名必须用小写字母。
      • 错误:<Div></diV>
      • 正确:<div></div>
  • XHTML 文档必须拥有根元素。

其他

  不允许使用target="_blank"
  从XHTML 1.1开始全面禁止target属性,如果想要有开新窗口的功能,就必须改写为rel="external",并搭配JavaScript实现此效果。
  错误:<a href="http://blog.mukispace.com" target="_blank">MUKI space</a>
  正确:<a href="http://blog.mukispace.com" rel="external">MUKI space</a>

  如何验证你的HTML或者XHTML是否合法的方式?  

    1:直接把代码复制到w3.org进行在线测试:http://validator.w3.org/check;

    2:也可以直接把html改成xhtml结尾的,然后用firefox浏览器打开;

HTML和HTML5

  HTML5的语法相对于HTML4更加宽松了,不再基于SGML, 增加了很多语义化的HTML标签, 还有audio,video, 文档声明变的更加简单, 新增了字符串编码的meta, 删除了上世纪90年代的一些html标签(font, frameset)等....

  广义的来说HTML5为我们带来了高版本的CSS,即CSS2.0升级到了CSS3.0, Javascript中也提供了更多的API支持(canvas,postMessage, notify, worker), 让WEB更绚了;

HTML 4.01 参考手册

HTML5

时间: 2024-12-16 11:43:22

html和xhtml和html5一些区别和笔记的相关文章

HTML、XHTML和HTML5区别与联系

1.XHTML与HTML最大的区别: ① XHTML标签名必须小写(错误:<Div> 正确:<div>) ② XHTML元素必须被关闭(错误:<p>  正确:<p></p>) ③ XHTML元素必须被正确的嵌套(错误:<div><p></div></p> 正确:<div><p></p></div>) ④ XHTML元素必须要有根元素(必须包含<h

HTML4,HTML5,XHTML 之间有什么区别?

我来从HTML的历史谈谈他们3者的区别. 在HTML的早期发展中,W3C成立之前,很多标准的制定都是在浏览器的开发者们互相讨论的情况下完成的,比如HTML 2.0, 3.2直到4.0, 4.01,这些标准大部分都是所谓的retro-spec,即先有实现后有标准.在这种情况下,HTML标准不是很规范,浏览器也对HTML页面中的错误相当宽容.这反过来又导致了HTML作者写出了大量的含有错误的HTML页面.据说,时至今日web上99%的页面都含有HTML错误. W3C随后意识到了这个问题,并认为这是互

HTML、XHTML、HTML5区别和联系

HTML(Hypertext Markup Language,超文本标记语言),在学习Html的时候也接触到了一个概念--WWW,这个经常用,但是不知道其中的道理.当然要想了解HTML还要知道它的过去和发展. 基本概念 WWW(World Wide Web,万维网)是一种建立在Internet上的.全球性的.交互式的.多平台的.分布式的信息资源网络.它就是采用HTML语言描述的超文本文件(包含连接关系和多媒体对象). 咱们见到最多的网址,或者说在记忆中使用的网址大概都是WWW,WWW有3个基本的

读懂前端与HTML5技术区别,玩转互联网企业!

潭哥说 现在好多人都把HTML5和前端的概念弄混淆了.例如,H5是HTML5的简称,而现在好多人把HTML5看成了是前端开发的总称.今天潭哥就为各位普及一下,到底前端和HTML5有哪些区别? 什么是前端开发?  以一个网站为例包括网站设计.前端开发.程序开发等.网站设计就是网站的外观,平面的东西.程序开发也好理解就是功能实现.而前端开发,简单来说,就是把平面效果图转换成网页,把静态转换成动态.它的工作包括了:切图.写样式.做鼠标效果和图片切换效果等.而优秀的前端开发可以保障实现这些效果的同时,即

HTML5 Canvas知识点学习笔记

canvas ① 主要作用:绘制矢量图 ② 矢量图图形(路径)-(ILL) 位图图像(像素点)- PS中图像都是位图 ③ Canvas 能够制作动画,但是不是为了制作动画而生的也能够制作游戏.主要为了绘图而生. ④ 能够设置宽高 推荐样式写在style:Canvas 相当于是一个绘制图形的容器,并没有绘制功能,需要借助JS(脚本)实现绘制功能. 思路: getContext( ) var context = cnvas.getContext('2d'); // 图像的绘制 // 开始      

HTML5 Manifest使用测试笔记

此文纯属于个人笔记,个人能力有限,给看官带来误导请谅解,谢谢! 本文主要参考资料链接: http://www.cnblogs.com/powertoolsteam/archive/2011/04/02/2003834.html http://www.w3school.com.cn/html5/html_5_app_cache.asp http://www.w3school.com.cn/html5/html5_html.asp http://www.cnblogs.com/cxd4321/p/3

xhtml、html与html5的区别

一.基本概念: html:超文本标记语言 (Hyper Text Markup Language) xhtml:可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格. h5:最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言.可以简单点理解成:h5≍ html+CSS 3+js+API. html特性: 标识文本.例如:定义标题文本.段落文本.列表

Doctype以及xhtml、html的区别

DOCTYPE是Document Type(文档类型)的简写,简单来说就是用来告知浏览器的解析器用什么文档标准去解析这个文档. notice:它必须放在文档最顶部,所有代码和标识智商 它的作用: 首先doctype声明指出浏览器应该用什么规则集来解释文档中的标记.其中的规则就是W3C所发布的一个文档类型定义(DTD)中包含的规则.每一个DTD都包含一系列标记.attributes.properties,它们用于标记Web文档的内容:此外还包括一些规则,它们规定了哪些标记能出现哪些其他标记中.假如

HTML、XHTML、HTML5写法上的一些差异

1.HTML 1)css文件引用:<link  rel="stylesheet"  type="text/css"  href="css文件"> js文件引用:<script  type="text/javascript"  src="js文件"></script> css直接引用:<style type="text/css">css<