html5标签的改变

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事件
时间: 05-17

html5标签的改变的相关文章

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

记得第一次接触HTML5还是在<联信永益>实习那会儿(2011),当时一个项目技术选型的时候面临两种选择,分别是Silverlight和HTML5,记得当年用的最新的IE浏览器版本还是IE9,才刚刚开始支持HTML5.后来考虑到当时各个版本的浏览器对HTML5的支持都不怎么好,最终公司还是选择了Silverlight,想不到多年以后Silverlight没落了,HTML5却随着移动互联网的兴起而焕发出强大的活力. HTML5的发展路程 一路走来,我们回顾一下HTML的发展之路 HTML1.0

html5标签video(播放器)学习笔记(二)-基本操作

subying 发布时间: 2014/12/01 23:59 阅读: 13008 收藏: 21 点赞: 3 评论: 0 摘要 本文介绍了html5标签video(播放器)的一些基本操作,主要是通过JS来监听video的事件和对video属性的读写来完成的,本文用了简单的例子进行引导说明,简单的JS代码讲解video的一些基本操作. 上一篇介绍了html5标签video(播放器)初始化需要做的一些工作,如何简单快速使用html5的播放器,本文将重点介绍如何用JS来操作video标签,也就是如何对v

HTML5标签学习

<abbr> 表示一个缩写形式,比如 "Inc."."etc.".通过对缩写词语进行标记,您就能够为浏览器.拼写检查程序.翻译系统以及搜索引擎分度器提供有用的信息. <address> <address> 标签定义文档作者或拥有者的联系信息. 如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息. 通常的做法是将 address 元素添加到网页的头部或底部.

解决HTML5标签兼容的办法搜集

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 使用他们能让代码

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

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局.大多数浏览器基本兼容html5,但目前来说ie6/ie7/ie8还不兼容html5标签,所以需要javascript处理,让其进行兼容 方法一:javascript code <!--[if lt IE9]> <script> (function() { if (!/*@[email protected]*/0) return; var e = "abbr, article, aside, a

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

(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>标题:HTML5专题视频教程</h1> (2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素. HTML5标签语法介绍及新增标记 1.

HTML5标签使用的常见误区

最近组内进行HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入/移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的阶段,可能看看大师的讲解会更容易理解.由于才疏学浅,很多不明白的地方可能只是做了字面上的

HTML5标签使用的常见误区----转载

最近组内进行HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入/移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.下面是我在 html5doctor 上面看到的一篇文章,在目前大家懵懂的阶段,可能看看大师的讲解会更容易理解.由于才疏学浅,很多不明白的地方可能只是做了字面上的

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

文章转载自:爱思资源网http://www.aseoe.com/show-10-701-1.html 导语 HTML5新标签在IE6 IE7 IE8上并不能识别,需要进行JavaScript处理.以下就介绍几种方式.方式一:Coding JavaScript<!--[ifltIE9]><script>(function(){if(! *@[email protected]* 0)return;vare="abbr,article,aside,audi HTML5新标签在I