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> ...
随机推荐
- 《剑指offer》面试题39 二叉树的深度(java)
摘要: 今天翻到了<剑指offer>面试题39,题目二中的解法二是在函数的参数列表中通过指针的方式进行传值,而java是没有指针的,所以函数要进行改造.然而我翻了下别人的java版本(我就 ...
- C++的一些不错开源框架,可以学习和借鉴
from https://www.cnblogs.com/charlesblc/p/5703557.html [本文系外部转贴,原文地址:http://coolshell.info/c/c++/201 ...
- [Luogu 1073] NOIP2009 最优贸易
[Luogu 1073] NOIP2009 最优贸易 分层图,跑最长路. 真不是我恋旧,是我写的 Dijkstra 求不出正确的最长路,我才铤而走险写 SPFA 的- #include <alg ...
- BZOJ4819 新生舞会
4819: [Sdoi2017]新生舞会 Time Limit: 10 Sec Memory Limit: 128 MB Description 学校组织了一次新生舞会,Cathy作为经验丰富的老学 ...
- HDU 1027 Ignatius and the Princess II 排列生成
解题报告:1-n这n个数,有n!中不同的排列,将这n!个数列按照字典序排序,输出第m个数列. 第一次TLE了,没注意到题目上的n和m的范围,n的范围是小于1000的,然后m的范围是小于10000的,很 ...
- react:在一个组件中调用别的组件中的方法
先介绍一下要解决的问题:react中一个组件A和一个组件B,其中B是被connect(connect是redux中的方法)包装过的组件,包装成BContainer,A和BContainer的关系是兄弟 ...
- python的数字IP实现
第一种方法: import socket, struct >>> def ip2num(ip): ... return struct.unpack("!L", s ...
- vue_列表渲染
vue列表渲染 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...
- [转]QVector与QByteArray——Qt的写时复制(copy on write)技术
我们在之前的博文QVector的内存分配策略与再谈QVector与std::vector——使用装饰者让std::vector支持连续赋值中简单聊了聊QVector内存分配和赋值方面的一点东西,今天接 ...
- Electron build 无法下载 winCodeSign 等资源
将 7z 文件下载到 以下 cache 目录并解压 macOS: ~/Library/Caches/electron-builder Linux: ~/.cache/electron-builder ...