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. 一种利用 Cumulative Penalty 训练 L1 正则 Log-linear 模型的随机梯度下降法

    Log-Linear 模型(也叫做最大熵模型)是 NLP 领域中使用最为广泛的模型之一,其训练常采用最大似然准则,且为防止过拟合,往往在目标函数中加入(可以产生稀疏性的) L1 正则.但对于这种带 L ...

  2. 1.Visual FoxPro 基础

    1.菜单栏的使用 ******************************* 方法一:鼠标点击 方法二:快捷键  Alt+F打开文件菜单 Alt+E打开编辑菜单 Alt+V打开显示菜单 Alt+P ...

  3. Maven使用详解

    Maven使用详解 世间万物相生相克,今年本来的目标是主要研究asp.net mvc以及windows平台相关的DI, ORM框架,突然有一天想研究一个Java EE里面相应的框架都是怎么玩的,于是研 ...

  4. Windows Azure Platform Introduction (11) 了解Org ID、Windows Azure订阅、账户

    <Windows Azure Platform 系列文章目录> 了解和掌握Windows Azure相关的基础知识是非常重要的. 问题1:什么叫做Org ID Org ID是Azure C ...

  5. 【Swift学习】Swift编程之旅（四）基本运算符

    Swift支持大部分标准C语言的运算符, 且改进许多特性来减少常规编码错误.如赋值符 = 不返回值, 以防止错把等号 == 写成赋值号 = 而导致Bug. 数值运算符( + , -, *, /, %等 ...

  6. 相关子查询【SQL Server】

    查询book表中大于该类图书价格平均值的图书信息 先将第一条记录的类编号的值为2代入子查询中,子查询为 select avg(price) from book b where b.id=2 则得到类编 ...

  7. C# 异常捕获机制（Try Catch Finally)

    一.C#的异常处理所用到关键字 try 用于检查发生的异常,并帮助发送任何可能的异常. catch 以控制权更大的方式处理错误,可以有多个catch子句. finally 无论是否引发了异常,fina ...

  8. ASP.NET MVC ValueProvider小结

    在Model绑定中,Model的数据来源有很多种,在MVC里面则定义了一套ValueProvider的组件来处理Model数据来源多样性的问题,ValueProvider整个结构类似于字典(Dictr ...

  9. ms sql 2005和2008收缩日志的方法

    步骤1: 2005的sql 语句为:back up log 数据库名称 with no_log 目的:截断数据库日志 2008的sql 语句为:alter database 数据库名称 set rec ...

  10. Apache+PHP 配置随笔

    准备安装包 1:安装VC++ 2012(vcredist_x64,我这边服务器为64位) 2:Apache安装包,php安装包 安装后配置工作 1:安装Apache服务,配置环境变量 httpd -k ...