HTML5元素2
用于分组的元素
|
元素 |
说明 |
类型 |
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的更多相关文章
- HTML5元素标记释义
HTML5元素标记释义 标记 类型 意义 介绍 文件标记 <html> ● 根文件标记 让浏览器知道这是HTML 文件 META标记 <head> ● 开头 提供文件整体信息 ...
- 不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什 ...
- html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素。
html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁,目的是让 IE 识别并支持 HTML5 元素. 各版本html5shiv.js CDN网址:https://ww ...
- html5.js让IE(包含IE6)支持HTML5元素方法
原文地址:http://blog.sina.com.cn/s/blog_62a36ec401018oqb.html html5.js让IE(包含IE6)支持HTML5元素方法 微软的最新浏览器IE8及 ...
- 让更多浏览器支持html5元素的简单方法
当我们试图使用web上的新技术的时候,旧式浏览器总是我们心中不可磨灭的痛!事实上,所有浏览器都有或多或少的问题,现在还没有浏览器能够完整的识别和支持最新的html5结构元素.但是不用担心,你依然可以在 ...
- HTML5元素背景知识
目录 HTML5元素背景知识 语义与呈现分离 元素选用原则 少亦可为多 别误用元素 具体为佳,一以贯之 对用户不要想当然 元素说明体例 ol元素 元素速览 文档和元数据元素 文档和元数据元素 文本元素 ...
- 几个最常用的用来代替Div的HTML5元素
虽说html5中大多数功能性的元素如<video><canvas><audio>等还得不到当前主流浏览器的支持(主要就是指IE浏览器了),但至少那些个与布局相关的元 ...
- html5.js让IE(包括IE6)支持HTML5元素方法
引用Google的html5.js文件 <!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/htm ...
- HTML5元素拖拽实现示例
HTML5现在前端圈中,已然成为一个不那么新的技术词汇了,很多公司也把HTML5也当成了硬性的技能要求,但是很多前端恐怕都不了解HTML5的拖拽怎么实现吧. 看了下极客学院的视频,大概的了解了下思路. ...
- HTML5 元素拖放
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
随机推荐
- Docker生产实践(六)
镜像构建思路 思路:分层设计 最底层:系统层,构建自己适用的不同操作系统镜像: 中间层:根据运行环境,如php.java.python等,构建业务基础运行环境层镜像: 最上层:根据具体的业务模块,构建 ...
- P2158 [SDOI2008]仪仗队 && 欧拉函数
P2158 [SDOI2008]仪仗队 题目描述 作为体育委员,C君负责这次运动会仪仗队的训练.仪仗队是由学生组成的N * N的方阵,为了保证队伍在行进中整齐划一,C君会跟在仪仗队的左后方,根据其视线 ...
- Node.js 被分叉出一个项目 — Ayo.js,肿么了
(注:ayo.js叉从Node.js.目前,大量的文档仍然指向Node.js库.) ayo.js是一个JavaScript运行时建立在Chrome的V8 JavaScript引擎.ayo.js使用事件 ...
- RabbitMQ消息队列里积压很多消息
1.场景:上千万条消息在mq里积压了几个小时了还没解决 2.解决: 1)先修复consumer的问题,确保其恢复消费速度,然后将现有cnosumer都停掉 2)新建一个topic,partition是 ...
- CSS3实战之box-sizing
一般我们都认为border和padding都包含在width或height之内. 而现代标准的浏览器一般都认为width和height仅仅包含content,刨去了border和padding区域. ...
- [转载]查询json数据结构的8种方式
http://wangxinghaoaccp.blog.163.com/blog/static/1158102362012111812255980/ 你有没有对“在复杂的JSON数据结构中查找匹配内容 ...
- POJ 3255 Roadblocks (次短路 SPFA )
题目链接 Description Bessie has moved to a small farm and sometimes enjoys returning to visit one of her ...
- shell if判断中常用的a-z表达式含义
shell if判断中常用的a-z表达式含义 可通过在在linux中man test命令查看下列参数的详细用法 [ -a FILE ] 如果 FILE 存在则为真. [ -b FILE ] 如果 ...
- 如何在Maven和Gradle中配置使用Groovy 2.4与Spock 1.0
如何在Maven和Gradle中配置使用Groovy 2.4与Spock 1.0 原文 https://dzone.com/articles/spock-10-groovy-24 翻译 hxfiref ...
- oracle02--多表关联查询
1. 多表(关联)查询 多表查询也称之为关联查询.多表关联查询等,主要是指通过多个表的关联来获取数据的一种方式. 1.1. 多表映射关系 一对多:A表的一行数据,对应B表中的多条.如:一个部门可以对应 ...