1、新的文档类型声明

浏览器解析html模式是有两种模式，按照各自浏览器的定义渲染的页面叫“怪异模式”，而按照w3c组织统一的标准渲染叫“标准模式”。一般都是使用标准模式来保持网页兼容性，区分这两种模式的标志就是文档类型声明，html4和xhtml的文档声明比较冗长，html5对其大大的精简了。

<!--旧的文档声明-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-新的文档声明-->
<!DOCTYPE html>

2、新增的html标签

结构标签

  1. <header> 标记定义一个页面或一个区域的头部

  2. <nav> 标记定义导航链接

  3. <section> 标记定义一个区域

  4. <aside> 标记定义页面内容部分的侧边栏

  5. <hgroup> 标记定义文件中一个区块的相关信息

  6. <figure> 标记定义一组媒体内容以及它们的标题

  7. <figcaption> 标签定义 figure 元素的标题。

  8. <footer> 标记定义一个页面或一个区域的底部

  9. <dialog> 标记定义一个对话框(会话框)类似微信

  10. <article> 标记定义一篇文章

多媒体标签

  1. <video> 标记定义一个视频
  2. <audio> 标记定义音频内容
  3. <source> 标记定义媒体资源
  4. <canvas> 标记定义图片
  5. <embed> 标记定义外部的可交互的内容或插件 比如flash

web应用标签

  1. <menu>命令列表
  2. <menuitem>
  3. menu命令列表标签 FF（嵌入系统）
  4. <command> menu标记定义一个命令按钮 <meter>状态标签(实时状态显示:气压、气温)C、O
  5. <progress>状态标签 (任务过程:安装、加载) C、F、O
  6. <datalist> 为input标记定义一个下拉列表,配合option F、O
  7. <details> 标记定义一个元素的详细内容 ，配合dt、dd C

其他标签

  1. <ruby> 标记定义 注释或音标
  2. <rp> 告诉那些不支持 Ruby元素的浏览器如何去显示
  3. <rt> 标记定义对ruby的注释内容文本
  4. <keygen> 标记定义表单里一个生成的键值(加密信息传送)O、F
  5. <mark> 标记定义有标记的文本 (黄色选中状态)
  6. <output> 标记定义一些输出类型,计算表单结果配合oninput事件

html5标签的改变的更多相关文章

  1. HTML5笔记1——HTML5的发展史及标签的改变

    记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,那是用的最新的IE浏览器版本还是IE9, ...

  2. HTML5标签改变

    1.新的文档类型声明(DTD): HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html >等也是正确的,因为HTML语法是不区分大小写的. ...

  3. html5 Doctor——教你规范使用html5标签

    学习地址(英文资料):http://html5doctor.com/ http://www.w3.org/html/wg/drafts/html/master/text-level-semantics ...

  4. HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    这篇文章主要介绍了HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法,需要的朋友可以参考下 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面 ...

  5. html5标签video（播放器）学习笔记（二）-基本操作

    html5标签video(播放器)学习笔记(二)-基本操作 subying 发布时间: 2014/12/01 23:59 阅读: 13008 收藏: 21 点赞: 3 评论: 0 摘要 本文介绍了ht ...

  6. HTML5标签学习

    <abbr> 表示一个缩写形式,比如 "Inc."."etc.".通过对缩写词语进行标记,您就能够为浏览器.拼写检查程序.翻译系统以及搜索引擎分度器 ...

  7. 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法   HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...

  8. HTML5标签与HTML4标签的区别示例介绍_html5教程技巧

    (1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...

  9. 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    方式一:Coding JavaScript <!--[if lt IE9]> <script> (function() { var e = "abbr, articl ...

随机推荐

  1. bootstrap插件思路整理

    知识有时也需温故知新嘛,本次做一次bs插件梳理. $.support.transition 通过判断自定义元素是否支持WebkitTransition.MozTransition.OTransitio ...

  2. webstorm使用技巧

    WebStorm快捷键收集:模式visual studio 代码提示:ctrl + alt + 空格 代码补全:alt + / 代码换行:ctrl + shift + 上下箭头 重新运行:ctrl + ...

  3. Linux的学习--crontab

    之前了解过一点crontab,前段时间比较闲,就熟悉了一下,今天总结记录一下. crontab命令常见于Unix和类Unix的操作系统之中,用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并 ...

  4. 用实例讲解Spark Sreaming--转

    原文地址:http://www.infoq.com/cn/articles/spark-sreaming-practice 本篇文章用Spark Streaming +Hbase为列,Spark St ...

  5. 地图定位IOS8之后的定位

    从ios8开始,苹果进一步加强了对用户隐私的保护. 当app想要访问用户的隐私信息时  系统不再自动弹出一个对话框让用户授权 解决方法: (1)调用ios8.0的API 主动请求用户授权 - (voi ...

  6. Python生成二维码脚本

    简单的记录下二维码生成和解析的Python代码 依赖下面三个包: PIL(图像处理包,安装:pip install PIL) qrcode(二维码生成包,安装:pip install qrcode) ...

  7. 三星S4，呼转的来电，在来电界面上不显示的解决方案

    因为工作关系,我有2个号码是呼叫转移到我现在的手机上的,如果有呼叫转移的来电的话,在通话界面里面没有提示该来电是呼叫转移来的.之前我用的诺基亚的,可以看到呼叫转移的来电,在号码的左边有个拐弯的箭头,提 ...

  8. 提高生产性工具(五) - 数据的过滤器和图形化（适用于 MVC5 + MongoDB）

    在下面流水账似的文章之前,先将一些感悟说一下. 1.如果一个系统对于某个功能在至少三个地方使用的话,必须将其抽象提炼出来,而且时间点最好是大规模测试之前. 2.提炼出来的功能,如果品质做得好,整个系统 ...

  9. 算法实例-C#-快速排序-QuickSort

    算法实例 ##排序算法Sort## ### 快速排序QuickSort ### bing搜索结果 http://www.bing.com/knows/search?q=%E5%BF%AB%E9%80% ...

  10. java.lang.NoClassDefFoundError: com/google/gson/Gson错误的解决

    SSH返回JSON格式的数据时,需要用到gson,将gson-1.6.jar添加进Build path以后运行,出错: 后来把gson-1.6.jar复制到WEB-INF/lib/下再运行,就没再出这 ...