用于分组的元素

元素

说明

类型

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. 《剑指offer》面试题39 二叉树的深度(java)

    摘要: 今天翻到了<剑指offer>面试题39,题目二中的解法二是在函数的参数列表中通过指针的方式进行传值,而java是没有指针的,所以函数要进行改造.然而我翻了下别人的java版本(我就 ...

  2. C++的一些不错开源框架,可以学习和借鉴

    from https://www.cnblogs.com/charlesblc/p/5703557.html [本文系外部转贴,原文地址:http://coolshell.info/c/c++/201 ...

  3. [Luogu 1073] NOIP2009 最优贸易

    [Luogu 1073] NOIP2009 最优贸易 分层图,跑最长路. 真不是我恋旧,是我写的 Dijkstra 求不出正确的最长路,我才铤而走险写 SPFA 的- #include <alg ...

  4. BZOJ4819 新生舞会

    4819: [Sdoi2017]新生舞会 Time Limit: 10 Sec  Memory Limit: 128 MB Description 学校组织了一次新生舞会,Cathy作为经验丰富的老学 ...

  5. HDU 1027 Ignatius and the Princess II 排列生成

    解题报告:1-n这n个数,有n!中不同的排列,将这n!个数列按照字典序排序,输出第m个数列. 第一次TLE了,没注意到题目上的n和m的范围,n的范围是小于1000的,然后m的范围是小于10000的,很 ...

  6. react:在一个组件中调用别的组件中的方法

    先介绍一下要解决的问题:react中一个组件A和一个组件B,其中B是被connect(connect是redux中的方法)包装过的组件,包装成BContainer,A和BContainer的关系是兄弟 ...

  7. python的数字IP实现

    第一种方法: import socket, struct >>> def ip2num(ip): ... return struct.unpack("!L", s ...

  8. vue_列表渲染

    vue列表渲染 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

  9. [转]QVector与QByteArray——Qt的写时复制(copy on write)技术

    我们在之前的博文QVector的内存分配策略与再谈QVector与std::vector——使用装饰者让std::vector支持连续赋值中简单聊了聊QVector内存分配和赋值方面的一点东西,今天接 ...

  10. Electron build 无法下载 winCodeSign 等资源

    将 7z 文件下载到 以下 cache 目录并解压 macOS: ~/Library/Caches/electron-builder Linux: ~/.cache/electron-builder ...