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. Microsoft Azure News(4) Azure新D系列虚拟机上线

    <Windows Azure Platform 系列文章目录> Update 2016-05-07 注意事项: Azure的数据中心建设是有先后顺序的,最早是落地了A系列的虚拟机,然后是D ...

  2. Javascript模板引擎mustache.js详解

    mustache.js是一个简单强大的Javascript模板引擎,使用它可以简化在js代码中的html编写,压缩后只有9KB,非常值得在项目中使用.本文总结它的使用方法和一些使用心得,内容不算很高深 ...

  3. WinForm,MVC知识点

    WinForm的一些基础知识,用来回忆自己遗忘的,唤醒自己的知识. 虽然现在有MVC但是我觉得还是要学习一下WinForm的,毕竟以前也被大家用了好多年. 基础知识01 1:一个控件有很多的事件,每个 ...

  4. LeetCode - Path Sum

    题目: Given a binary tree and a sum, determine if the tree has a root-to-leaf path such that adding up ...

  5. 常用的一些SQL语句整理，也许有你想要的。

    本篇文章是对一些常用的sql语句进行了总结与分析,需要的朋友参考下,也许会有你需要的. 1.SQL行列转换 问题:假设有张学生成绩表(tb)如下:姓名 课程 分数张三 语文 74张三 数学 83张三 ...

  6. 【UWP】批量修改图标尺寸

    UWP开发中项目用到的图标资源非常多,通常每一种图标都有几种不同的尺寸,一般来说,我的项目所有Package.appxmanifest用到的图标就有40个,通常这些图标都是一样的,只是尺寸大小不一而已 ...

  7. C#使用读写锁三行代码简单解决多线程并发写入文件时线程同步的问题

    (补充:初始化FileStream时使用包含文件共享属性(System.IO.FileShare)的构造函数比使用自定义线程锁更为安全和高效,更多内容可点击参阅) 在开发程序的过程中,难免少不了写入错 ...

  8. C#操作XML学习之创建XML文件的同时新建根节点和子节点(多级子节点)

    最近工作中遇到一个问题,要求创建一个XML文件,在创建的时候要初始化该XML文档,同时该文档打开后是XML形式,但是后缀名不是.在网上找了好些资料没找到,只能自己试着弄了一下,没想到成功了,把它记下来 ...

  9. qt 自动产生 Guid 方法

    strcpy(cmd->uid,QUuid::createUuid().toString().toStdString().c_str());

  10. Redis系列三之持久化

    一.Redis持久化 Redis是一个支持持久化的内存数据库,redis需要经常将内存中的数据同步到磁盘来保证持久化. redis提供了不同级别的持久化方法: Snapshotting(快照,默认方式 ...