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> ...
随机推荐
- jenkins集成sonarqube代码审核
目前在持续集成领域,除了后起之秀travis ci,在老牌工具中,最著名的还是非jenkins莫属.本篇文章简单的说一声jenkins与sonarqube的集成来实现代码的静态审核. 在这里不详细罗列 ...
- [老法新用]使用PADDING-TOP:(PERCENTAGE)实现响应式背景图片
处理响应式布局中背景图片的简单方法是等比例缩放背景图片.我们知道宽度设为百分比的 <img> 元素,其高度会随着宽度的变化自动调整,且其宽高比不变.如果想在背景图片中实现同样的效果,我们 ...
- 线程中wait/notify/notifyAll的用法
前言 多线程时,最关注的就是线程同步,线程间的同步一般用锁来实现,常见的锁就是synchronized和lock.用了synchronized,就不得不提到wait/notify/notifyAll. ...
- bzoj千题计划109:bzoj1019: [SHOI2008]汉诺塔
http://www.lydsy.com/JudgeOnline/problem.php?id=1019 题目中问步骤数,没说最少 可以大胆猜测移动方案唯一 (真的是唯一但不会证) 设f[i][j] ...
- 2016/1/2 Python中的多线程(1):线程初探
---恢复内容开始--- 新年第一篇,继续Python. 先来简单介绍线程和进程. 计算机刚开始发展的时候,程序都是从头到尾独占式地使用所有的内存和硬件资源,每个计算机只能同时跑一个程序.后来引进了一 ...
- H264编码profile & level控制
背景知识 先科普一下profile&level.(这里讨论最常用的H264) H.264有四种画质级别,分别是baseline, extended, main, high: 1.Baseli ...
- WCF: Retry when service is in fault state.
Service Host: using System; using System.Configuration; using System.ServiceModel; using System.Serv ...
- HDU 4690 EBCDIC 2013 Multi-University Training Contest 9
解题报告:一个模拟题,有两张表格,然后输入一个字符在第一章表格中的位置,让你找出这个字符在第二章表对应的位置. 我欧诺个的是暴力打表,输了两百多个数字,时间复杂度直接降到O(1),这题觉得比较坑的就是 ...
- 问题 1476: [蓝桥杯][基础练习VIP]龟兔赛跑预测 (模拟)
题目链接 题目描述 话说这个世界上有各种各样的兔子和乌龟,但是 研究发现,所有的兔子和乌龟都有一个共同的特点--喜欢赛跑.于是世界上各个角落都不断在发生着乌龟和兔子的比赛,小华对此很感兴趣,于是决定研 ...
- 《区块链100问》第85集:资产代币化之对标美元USDT
USDT是Tether公司推出的对标美元(USD)的代币Tether USD.1USDT=1美元,用户可以随时使用USDT与USD进行1:1兑换.Tether公司执行1:1准备金保证制度,即每个USD ...