HTML5和HTML4的区别.doc

语法的改变 HTMl5中的标记方法 内容类型 文件扩展符不变，仍为.htm或.htm,内容类型为“text/html” DOCTYPE的声明 ! DOCTYPE HTML 指定字符的编码 meta charset = “utf-8”(推荐使用utf-8) 1.2 HTML确保了与之前的HTML版本的兼容性 三个方面： 可以省略标记的元素 不允许使用结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、sourse、track、wbr。 可以省略结束的标记元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thread、tbody、tfoot、tr、td、th。 可以省略的全部标记的元素有：html、head、body、colgroup、tbody。 具有boolean的属性 参考代码示例： !—只写属性不写属性值代表属性为true-- input type = “checkbox” checked !—属性值= 属性名，代表属性为true-- input type = “checkbox”checked = “checked” 省略引号 当属性值不包括空字符串、“”、“”、“=”、单引号、双引号等字符时，属性的两边的符号可以省略。 input type = text 标记示例 !DOCTYPE HTML meta charset = “utf-8” titleHTML5 标记示例/title p这段代码是HTML5 br/语法编写的 2.1 新增的元素和废除的元素 与结构相关的元素 section元素 表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它与h1、h2。。。等元素结合起来使用标示文档结构。 section../section article元素 表示页面中的一块与上下文不相关的独立内容，譬如博客的一篇文章。 article..article aside元素 表示article元素之外的、与article元素内容相关的辅助信息。 aside../aside header元素 表示页面中的一个内容区块或整个页面的标题。 header../header hgroup元素 用于对整个页面或页面中的一个内容去快的标题进行组合。 hgroup../hgroup footer元素 表示整个页面或页面中的一个内容区块的标注。 footer../footer nav元素 表示页面中的导航的链接部分。 nav../nav figure元素 表示一段独立的内容，一般表示文档主题流内容中的一个独立单元。使用figcaption元素为figure添加标题。 figure figcaptionPRC/figcaption pHello World!/p /figure 新增的其他元素 Video元素 HTML5中的代码示例： video src = “movie.ogg”controls = “controls”video元素/video HTML4中的代码示例： object type = “video/ogg” data = “movie.ogv” param name = “src” value = “movie.ogv” /object Audio元素 Audio元素定义音频。 HTML5中的代码示例： audio src = “someaudio.wav”audio元素/audio HTML4中的代码示例： object type = “application/ogg” data = “someaudio.wav” param name = “src” value = “someaudio.wav” /object Embed元素 用于插入各种多媒体. HTML5中的代码示例： embed src = “horse.wav”/ HTML4中的代码示例： object data = “flash.swf”type = “application/x-shockwave-flash” /object Mark元素 主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。Mark元素是一个比较典型的应用就是在有哪些信誉好的足球投注网站结果中向用户高亮显示有哪些信誉好的足球投注网站的关键词。 HTML5中的代码示例： mark../mark HTML4中的代码示例： span../span Progress元素 表示在运行中的进程，可以使用progress元素来显示javascript中耗费时间函数的进程。 HTML5中的代码示例： mark../mark HTML4中的代码示例： span../span Me