1.html5中去掉的标签:
<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frameset>、<frame>、<noframes>、<isindex>、<s>、<strike>、<tt>、<u>、<xmp>
2.video视频标签
属性
src 要播放视频的url
controls 是否显示控件
width 要播放视频的宽度
height 要播放视频的高度
loop 是否循环播放
autoplay 是否自动播放
muted 是否静音播放
poster 用户点击播放按钮前显示的图像
视频的type类型
video/ogg
video/mp4
video/webm
第一种
<video src=”” width=”” height=”” controls loop autoplay muted poster=””>您的浏览器不支持video标签</video> 第二种
<video controls poster=”./source/yp.jpg” width=”400″ height=”400″>
<source src=”./source/fun.mp4″ type=”video/mp4″>
<source src=”./source/movie.webm” type=”video/webm”>
您的浏览器不支持video标签
</video>
3.audio音频标签
属性
src 要播放音频的url
controls 是否显示控件
autoplay 是否自动播放
loop 循环播放
muted 静音播放
音频的type类型
audio/ogg
audio/mpeg
第一种
<audio src=”” controls autoplay loop muted>您的浏览器不支持audio标签</audio> 第二种
作用:默认播放第一个可识别的音频格式,如果不支持此音频格式则继续播放第二个以此类推
<audio controls>
<source src=”./source/zcmx.wav” type=”audio/x-wav”>
<source src=”./source/_WStyle.ogg” type=”audio/ogg”>
<source src=”./source/_WStyle.mp3″ type=”audio/mpeg”>
您的浏览器不支持audio标签
</audio>
4.引入插件
<!–定义嵌入的内容 如flash插件–>
<embed src=”./source/haowan.swf” width=”100″ height=”100″ type=”application/x-shockwave-flash”>
5.form表单的新标签
1. <fieldset> html5标签–fieldset 元素可将表单内的相关元素分组。
disabled属性:定义 fieldset 是否可见。
form属性: 定义该 fieldset 所属的一个或多个表单。
2.<legend> html标签–<legend> 标签为 <fieldset>、<figure> 以及 <details> 元素定义标题。
<form action=”” method=””>
<fieldset>
<legend>健康信息:</legend>
身高:<input type=”text” name=””><br>
体重:<input type=”text” na
me=””><br>
</fieldset>
</form>
3.<optgroup> html5标签–<optgroup> 标签定义选项组。此元素允许您组合选项
样例:
<select name=””>
<optgroup label=”Swedish Cars”>
<option value=”volvo”>Volvo</option>
<option value=”saab”>Saab</option>
</optgroup>
<optgroup label=”German Cars”>
<option value=”mercedes”>Mercedes</option>
<option value=”audi”>Audi</option>
</optgroup>
</select>
6.form表单中新的input输入类型
email 邮箱
url url域
number <input type=”number” name=”age” min=”1″ max=”100″ step=”3″>
range <input type=”range” name=”points” min=”1″ max=”10″ step=”10″>
date 日、月、年
month 月、年
week 周、年
time 小时、分钟
datetime 日、月、年utc时间
datetime-local 日、月、年 本地日期时间
search 搜索域
color 颜色
7.html5新增的布局标签:
1.<header>
页面级别的头部和文章级别的头部
在页面结构中可以表示一个页面的顶部区域
在文章中该标签也可以表示文章的标题部分
2.<nav>
导航区域标签
表示页面的导航区块
注意:
nav表示页面的导航区域,要实现导航菜单还需要借助ul和li实现(网站)
nav还可以作为页面中的分页区域使用(页面导航)
3.<aside>
侧边栏 表示页面级别的侧边栏或者文章的注脚
表示一个页面结构中的侧边栏部分
表示一个文章的注脚
如果该标签在侧边栏中使用,侧边栏中一般存放(广告/排行/友情链接等)
4.<section>
区块标签
在页面的布局中,可以表示一个特定的内容块(文章区域/评论区域)(页面布局级别)
<!–文章区域–>
<section class=”article”>
<!–文章1–>
<article></article>
<!–文章2–>
<article></article>
<!–文章3–>
<article></article>
</section>
5. <article>
表示一个文章的部分内容,配合article使用(文章级别)
<!–文章–>
<article>
<h1>苹果的分类</h1>
<section>介绍红富士</section>
<section>介绍小国光</section>
<section>介绍大国光</section>
<section>介绍红玉</section>
<section>介绍海棠</section>
</article>
6.<footer>
底部标签 页面级别的底部和文章级别的底部
1.页面布局结构中表示页面的底部
2.在文章中表示文章的底部(非重点内容) [参考文献之类的]
3.该标签和aside意义相近,文章最后使用footer, aside一般在文章footer之前和内容之间.
7.<address>
地址标签 可以包含真是地址或者url地址
可以表述互联网上的地址
也可以表示真实的地址
注意:
该标签可以配合a标签写一个url地址连接.
也可以在页面中文字标注一个真实的地址
8.<details>、<summary>
定义元素细节
定义details的标题
9.<mark>
定义有记号的文本
10.<time>
定义日期、时间