HTML知识点总结.docx

HTML5HTML5新特性HTML5中的一些有趣的新特性:用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素,比如article、footer、header、nav、section新的表单控件,比如calendar、date、time、email、url、searchHTML5中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如<header>,<section>,<footer>,以及<figure>。Article定义article。mand定义命令按钮。datalist定义下拉列表。Footer定义section或page的页脚。mend定义命令按钮。Web上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5规定了一种通过video元素来包含视频的标准方法。画布canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成:<scripttype="text/javascript">varc=("myCanvas");varcxt=("2d");="#FF0000";(0,0,150,75);</script>JavaScript使用id来寻找canvas元素:varc=("myCanvas");然后,创建context对象:varcxt=("2d");getContext("2d")对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。下面的两行代码绘制一个红色的矩形:="#FF0000";(0,0,150,75);fillStyle方法将其染成红色,fillRect方法规定了形状、位置和尺寸<scripttype="text/javascript">varc=("myCanvas");varcxt=("2d");="#FF0000";();(70,18,15,0,*2,true);();();</script>制作一个圆<scripttype="text/javascript">varc=("myCanvas");varcxt=("2d");="#FF0000";();(70,18,15,0,*2,true);();();下面是他的定义以及参数描述:定义和用法arc() 方法使用一个中心点和半径,为一个画布的当前子路径添加一条弧。语法arc(x, y, radi