html5的新特性

HTML5 中的一些有趣的新特性:

 

一、新标签

   HTML5废除的标签:

   <big>                 定义大号文本

   <center>             定义居中的文本

   <font>                定文本的字体外观、字体尺寸和字体颜色

   <frame>             定义子窗口(框架)

   <frameset>         定义框架集。它用于组织多个窗口(框架)

   <noframes>        向浏览器显示无法处理框架的提示文本

   <s>                    定义加删除线的文本

   HTML5新标签

1.<audio>定义声音,比如音乐或其他音频流。
例如:

<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

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值