用于分组的元素

元素

说明

类型

HTML5与其他的变化

blockquote

表示引自他处的大段内容

无变化

dd

用在dl元素之中,表示定义

无变化

div

一个没有任何既定语义的通用元素,是span元素在流元素中的对应物

无变化

dl

表示包含一系列术语和定义的说明列表

无变化

dt

用在dl元素之中,表示术语

无变化

figcaption

表示figure元素的标题

新增

figure

表示图片

新增

hr

表示段落级别的主题转换(水平线)

有变化

li

用在ul、ol和menu元素中,表示列表项

有变化

ol

表示有序列表

有变化

p

表示段落

有变化

pre

表示其格式应被保留

无变化

ul

表示无序列表

有变化

用于划分内容的元素

元素

说明

类型

HTML5与其他的变化

address

表示文档或article的联系信息

新增

article

表示一段对立的内容

新增

aside

表示与周边内容稍有牵涉的内容

新增

details

生成一个区域,用户将其展开可以获得更多细节知识

新增

footer

表示尾部

新增

h1~h6

表示标题

无变化

header

表示首部

新增

hgroup

将一组标题组织在一起,以便文档大纲只显示其中第一个标题

新增

nav

表示有意集中在一起的导航元素

新增

section

表是一个重要的概念或主题

新增

summary

用在details元素中,表示该元素内容的标题或说明

新增

表格元素

元素

说明

类型

HTML5与其他的变化

caption

表示表格标题

有变化

col

表示一列

有变化

colgroup

表示一组列

有变化

table

表示表格

有变化

tbody

表示表格主体

有变化

td

表示单元格

有变化

tfoot

表示表脚

有变化

th

表示标题行单元格(表头)

有变化

thead

表示标题行

有变化

tr

表示一行单元格

有变化

表单元素

元素

说明

类型

HTML5与其他的变化

button

表示可用来提交或重置表单的按钮(或一般按钮)

短语

有变化

datalist

定义一组提供给用户的建议值

有变化

fieldset

表示一组表单元素

有变化

form

表示HTML表单

有变化

input

表示用来收集用户输入数据的控件

短语

有变化

keygen

生成一对公钥和私钥

短语

新增

label

表示表单元素的说明标签

短语

有变化

legend

表示fieldset元素的说明性标签

无变化

optgroup

表示一组相关的option元素

无变化

option

表示供用户选择的一个选项

无变化

output

表示计算结果

短语

新增

select

给用户提供一组固定的选项

短语

有变化

textarea

用户可以用它输入多行文字

短语

有变化

嵌入元素

元素

说明

类型

HTML5与其他的变化

area

表示一个用于客户端分区响应图的区域

短语

有变化

audio

表示一个音频资源

新增

canvas

生成一个动态的图形画布

短语、流

新增

embed

用插件在HTML文档中嵌入内容

短语

新增

iframe

通过创建一个浏览上下文在一个文档中嵌入另一个文档

短语

有变化

img

嵌入图像

短语

有变化

map

定义客户端分区响应图

短语、流

有变化

meter

嵌入数值在许可值范围背景中的图形表示

短语

新增

object

在HTML文档中嵌入内容。也可用于生成浏览上下文和生成客户端分区响应图

短语、流

有变化

param

表示将通过object元素传递给插件的参数

无变化

progress

嵌入目标进展或任务完成情况的图形表示

短语

新增

source

表示媒体资源

新增

svg

表示结构化矢量

新增

track

表示媒体的附加轨道(例如字幕)

新增

video

表示视频资源

新增

有两个元素目前还没有浏览器实现,而且在HTML5规范中也仅有含糊不清的说明。这两个元素就是command和menu。它们的设计用途是让菜单和用户界面元素处理起来更简单一些。

HTML5元素2的更多相关文章

  1. HTML5元素标记释义

    HTML5元素标记释义 标记 类型 意义 介绍 文件标记 <html> ● 根文件标记 让浏览器知道这是HTML 文件 META标记 <head> ● 开头 提供文件整体信息 ...

  2. 不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什 ...

  3. html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素。

    html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素. 各版本html5shiv.js CDN网址:https://ww ...

  4. html5.js让IE(包含IE6)支持HTML5元素方法

    原文地址:http://blog.sina.com.cn/s/blog_62a36ec401018oqb.html html5.js让IE(包含IE6)支持HTML5元素方法 微软的最新浏览器IE8及 ...

  5. 让更多浏览器支持html5元素的简单方法

    当我们试图使用web上的新技术的时候,旧式浏览器总是我们心中不可磨灭的痛!事实上,所有浏览器都有或多或少的问题,现在还没有浏览器能够完整的识别和支持最新的html5结构元素.但是不用担心,你依然可以在 ...

  6. HTML5元素背景知识

    目录 HTML5元素背景知识 语义与呈现分离 元素选用原则 少亦可为多 别误用元素 具体为佳,一以贯之 对用户不要想当然 元素说明体例 ol元素 元素速览 文档和元数据元素 文档和元数据元素 文本元素 ...

  7. 几个最常用的用来代替Div的HTML5元素

    虽说html5中大多数功能性的元素如<video><canvas><audio>等还得不到当前主流浏览器的支持(主要就是指IE浏览器了),但至少那些个与布局相关的元 ...

  8. html5.js让IE(包括IE6)支持HTML5元素方法

    引用Google的html5.js文件 <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/htm ...

  9. HTML5元素拖拽实现示例

    HTML5现在前端圈中,已然成为一个不那么新的技术词汇了,很多公司也把HTML5也当成了硬性的技能要求,但是很多前端恐怕都不了解HTML5的拖拽怎么实现吧. 看了下极客学院的视频,大概的了解了下思路. ...

  10. HTML5 元素拖放

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

随机推荐

  1. ZABBIX 3.0 监控MongoDB性能【OK】

    系统环境: centos7.2 zabbix-3.4   一.原理  通过以下命令查看mongodb的状态: echo "db.serverStatus()" | mongo ad ...

  2. Python高手之路【十一】python基础之面向对象

    创建类和对象 面向对象编程是一种编程方式,此编程方式的落地需要使用 “类” 和 “对象” 来实现,所以,面向对象编程其实就是对 “类” 和 “对象” 的使用. 类就是一个模板,模板里可以包含多个函数, ...

  3. Git4:Git标签

    目录 简介 新建标签 查看标签详细信息 切换标签 后期添加标签 将标签推送到远端仓库 简介 Git可以对某一时间点上的版本打上标签.人们在发布某个软件版本(比如 v1.0 等等)的时候,经常这么做.本 ...

  4. Kubernetes Deloyment实现滚动更新

    目录 滚动更新简介 使用kubectl rolling-update更新RC Deployment的rolling-update 滚动更新简介 当kubernetes集群中的某个服务需要升级时,传统的 ...

  5. vue 项目代码初始化

    1. <meta>补充 <head> <meta charset="utf-8"> <meta name="viewport&q ...

  6. mq使用场景、不丢不重、时序性

    mq使用场景.不丢不重.时序性.削峰 参考: http://zhuanlan.51cto.com/art/201704/536407.htm http://zhuanlan.51cto.com/art ...

  7. Java中创建线程的三种方法以及区别

    Java使用Thread类代表线程,所有的线程对象都必须是Thread类或其子类的实例.Java可以用三种方式来创建线程,如下所示: 1)继承Thread类创建线程 2)实现Runnable接口创建线 ...

  8. 把JS和CSS合并到1个文件

    合并JS文件和CSS文件很多人都知道,也用过,目的是为了减少请求数.但有时候我们觉的把JS合并到1个文件,CSS又合并到另外1个文件也是浪费,我们如何能把CSS和JS一起合并进1个文件了? 这里需要使 ...

  9. 【leetcode 简单】 第九十九题 字符串相加

    给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和. 注意: num1 和num2 的长度都小于 5100. num1 和num2 都只包含数字 0-9. num1 和num2 都不包 ...

  10. [转]google gflags 库完全使用

    简单介绍 gflags 是 google 开源的用于处理命令行参数的项目. 安装编译 项目主页:gflags ➜ ~ git clone https://github.com/gflags/gflag ...