HTML5之元素与标签结构

HTML5之元素与标签结构

新增/删除标签

1.结构标签(最重要的)
新增的结构标签
section
表示页面中的一个内容区块,比如章节,页眉、页脚或者页面的其他部分。可以和h1、h2…等标签结合起来使用,表示文档结构。
例如:HTML5中

HTML4中

article标签
表示页面中一块与上下文不相关的独立内容。比如一篇内容
aside标签
表示article标签内容以外的,与article标签内容相关的辅助信息。
header标签
表示页面中一个内容区块或整个页面的标题
hgroup标签
表示对整个页面或页面中一个内容区块的标题进行组合
footer标签
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息
nav标签
表示页面中导航链接的部分。
figure标签
表示一段独立的流内容,一般表示文档主体内容中的一个独立单位。使用figcaption标签为figure标签组添加标题。

2.表单标签
新增的表单控件标签
。email
必须输入email
。url
必须输入url地址
。number
必须输入数值
。range
必须输入一定范围内数据
。Date Pickers(日期选择器)
拥有多个可供选取日期和时间的新输入类型:
Dtae–选取日、月、年
Month-- 选取月、年
Week-- 选取周和年
Time-- 选取时间(小时和分钟)
datetime–选取时间、日、月、年(UTC时间)
datetime-local – 选取时间、日、月、年(本地时间)
。 search
用于搜索域,域显示为常规的文本域。
。 color

3.媒体标签
新增的媒体标签
video标签
定义视频。像电影片段或其他视频流。
例如:video标签

audio标签
定义音频。如音乐或其他音频流。例如:<audio src="someaudio.wav">audio标签</audio>

embed标签
用于嵌入内容(包括各种媒体)。格式可以是Wav、MP3等。例如:<embed src="flash.swf"/>

4.其他功能标签
Mark标签 command标签
progress标签 details标签
time标签 detalist标签
ruby标签 keygen标签
Rt标签 output标签
wbr标签 source标签
canvas标签 menu标签


可以用css代替的标签
不在使用frame
只有个别浏览器支持的标签
其他不常用的标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值