用于分组的元素

元素

说明

类型

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. bzoj 1503

    1503: [NOI2004]郁闷的出纳员 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 12311  Solved: 4399[Submit][Stat ...

  2. 抓包工具Charles

    Charles Charles可以在windows,linux,mac各种操作系统上安装使用,它是java编写一款非免费工具:而fiddler只能在windows系统上使用 Charles抓包前,要确 ...

  3. jQuery常用知识总结

    jQuery常用知识总结 简介 选择器 属性操作 jQuery() each event事件 jQuery扩展 一.简介 What is jQuery jQuery is fast small and ...

  4. openstack开发环境与代码测试

    一.openstack单组件开发环境 1.Python虚拟环境搭建 主要参考文献: https://virtualenv.pypa.io/en/latest/virtualenv.html 说明:Py ...

  5. vbs 解析 json jsonp 方法

    昨天说了下用 htmlfile 来解析 html,今天依然用他来解析,htmlfile 是一个 COM 版的 BOM 和 DOM,所以解析 html, 执行 js 完全不在话下,今天就继续解析 jso ...

  6. 【转】.NET中的三种Timer的区别和用法

    最近正好做一个WEB中定期执行的程序,而.NET中有3个不同的定时器.所以正好研究研究.这3个定时器分别是: //1.实现按用户定义的时间间隔引发事件的计时器.此计时器最宜用于 Windows 窗体应 ...

  7. KMP初探·总结

    昨天自己乱搞了一天kmp之后终于弄懂了kmp 的基本原理.   早上看见了好多只讲原理和数学公式推导的博客,感觉很坑,无法理解.后来找到了一篇图文并茂的博客,感觉很快就理解了.   KMP的精髓在于n ...

  8. python变量内存地址释放与加速并行计算多线程

    1.导入numba和gc包进行并行计算和内存释放 代码如下很容易的: #coding:utf-8 import time from numba import jit, prange, vectoriz ...

  9. 【树】ztree

    ztree前端参见官网http://www.ztree.me/v3/main.php Action示例 public String initLabServerTree(){ return SUCCES ...

  10. python pachong zhuanzai

    come from:http://www.cnblogs.com/dyllove98/archive/2013/07/12/3187186.html 先来说一下我们学校的网站: http://jwxt ...