HTML5 中的一些有趣的新特性:
一、新标签
HTML5废除的标签:
<big> 定义大号文本
<center> 定义居中的文本
<font> 定文本的字体外观、字体尺寸和字体颜色
<frame> 定义子窗口(框架)
<frameset> 定义框架集。它用于组织多个窗口(框架)
<noframes> 向浏览器显示无法处理框架的提示文本
<s> 定义加删除线的文本
HTML5新标签
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag. </audio>
属性controls是否向用户显示控制工具autoplay是否自动播放loop是否循环控制
2.<video> 标签定义视频。
例如
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
除了音频所具有的属性外还具有width和height属性。
3.canvas定义图形
例如
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
4.<command> 标签定义命令按钮,比如单选按钮、复选框或按钮。
例如<menu><command type="command">Click Me!</command>s</menu>
5.<time> 标签定义日期或时间,或者两者
6.<header>
这个标记计划用来描述一节或一个完整Web页面的介绍性信息,<header>标记可以包括所有的通常放在页面头部的标志,如果你在页面中使用了<div id="header">,它将被<header>取代。
7.<nav>
这个元素的含义就不说了,你的导航元素就放在这里,如主站点导航,
简单说来,如果你在页面中使用了<div id="nav">标记来容纳导航元素,那么你可以使用<nav>进行替换。
8.<section>
按照HTML 5规范的解释,一个section是一个有主题的内容组,前面通常有一个header标记,后面通常跟一个footer标记,如果需要,section也可以嵌套使用。
9.<article>
根据WHATWG的注释,article元素是将section进行打包形成一个文档或网站独立的部分,例如一篇杂志或报纸文章,或一篇博客文章。
记住,在一个页面中可以有多个article元素,例如一个博客首页可能会有10多个article元素,article也可以进入section元素,因此你在嵌套使用时需要小心,可能一不小心就会出错。
10.<footer>
Footer的含义也非常清楚,它可以用在section中,也可以用于一个页面的底部。根据WHATWG的注释,article元素是将section进行打包形成一个文档或网站独立的部分,例如一篇杂志或报纸文章,或一篇博客文章。记住,在一个页面中可以有多个article元素,例如一个博客首页可能会有10多个article元素,article也可以进入section元素,因此你在嵌套使用时需要小心,可能一不小心就会出错。
11.<datalist> 定义选项列表。
例如:
<input id="myCar" list="cars"/> s
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
二、HTML5页面的新写法
新的doctype<!DOCTYPE html>
新的字符集定义<meta charset="UTF-8">
被取消的命名空间<html lang="zh-cn">
被取消的Type<style></style><script></script>
-----整理来自尔yu小筑的blog