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> ...
随机推荐
- ZABBIX 3.0 监控MongoDB性能【OK】
系统环境: centos7.2 zabbix-3.4 一.原理 通过以下命令查看mongodb的状态: echo "db.serverStatus()" | mongo ad ...
- Python高手之路【十一】python基础之面向对象
创建类和对象 面向对象编程是一种编程方式,此编程方式的落地需要使用 “类” 和 “对象” 来实现,所以,面向对象编程其实就是对 “类” 和 “对象” 的使用. 类就是一个模板,模板里可以包含多个函数, ...
- Git4:Git标签
目录 简介 新建标签 查看标签详细信息 切换标签 后期添加标签 将标签推送到远端仓库 简介 Git可以对某一时间点上的版本打上标签.人们在发布某个软件版本(比如 v1.0 等等)的时候,经常这么做.本 ...
- Kubernetes Deloyment实现滚动更新
目录 滚动更新简介 使用kubectl rolling-update更新RC Deployment的rolling-update 滚动更新简介 当kubernetes集群中的某个服务需要升级时,传统的 ...
- vue 项目代码初始化
1. <meta>补充 <head> <meta charset="utf-8"> <meta name="viewport&q ...
- mq使用场景、不丢不重、时序性
mq使用场景.不丢不重.时序性.削峰 参考: http://zhuanlan.51cto.com/art/201704/536407.htm http://zhuanlan.51cto.com/art ...
- Java中创建线程的三种方法以及区别
Java使用Thread类代表线程,所有的线程对象都必须是Thread类或其子类的实例.Java可以用三种方式来创建线程,如下所示: 1)继承Thread类创建线程 2)实现Runnable接口创建线 ...
- 把JS和CSS合并到1个文件
合并JS文件和CSS文件很多人都知道,也用过,目的是为了减少请求数.但有时候我们觉的把JS合并到1个文件,CSS又合并到另外1个文件也是浪费,我们如何能把CSS和JS一起合并进1个文件了? 这里需要使 ...
- 【leetcode 简单】 第九十九题 字符串相加
给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和. 注意: num1 和num2 的长度都小于 5100. num1 和num2 都只包含数字 0-9. num1 和num2 都不包 ...
- [转]google gflags 库完全使用
简单介绍 gflags 是 google 开源的用于处理命令行参数的项目. 安装编译 项目主页:gflags ➜ ~ git clone https://github.com/gflags/gflag ...