随笔分类 - HTML5
HTML5
摘要:HTML5拥有若干涉及表单的新标签和属性。一. 新增标签1. datalist标签 datalist标签规定输入域的选项列表,列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域,用输入域的list属性引用datalist的id,如下面的实例:网址是: 提示:option元素永远都要设置value属性值。2. keygen标签 keygen标签的作用是提供一种验证用户的可靠方法。keygen标签是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个是公钥。私钥(pr...
阅读全文
摘要:HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,类型如下:1. email email类型用于应该包含e-mail地址的输入域,在提交表单时,会自动验证email域的值,如:E-mail: 2. url url类型用于应该包含URL地址的输入域,在提交表单时,会自动验证url域的值,如:Homepage: 3. number number类型用于应该包含数值的输入域,还能够设定对所接受的数字的限定,如:Points: 使用下面的属性来规定对数字类型的限定:1). max:规定允许的最大值2). min: 规定允许的最小值3). ste...
阅读全文
摘要:HTML5提供了两种在客户端存储数据的新方法:localStorage:没有时间限制的数据存储sessionStorage:针对一个会话的数据存储 在HTML5中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站,数据存储于不同的区域,并且一个网站只能访问其自身的数据。 HTML5使用JavaScript 来存储和访问数据。1. localStorage localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。2. sessionStorage sessionStora...
阅读全文
摘要:HTML5的canvas标签使用JavaScript在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素,它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建画布只需向HTML5页面添加canvas标签,定义画面的id、宽度和高度,方法如下: canvas标签本身是没有绘图能力的,所有的绘制工作必须在JavaScript内部完成,如下面的代码: JavaScript使用id来寻找canvas元素:var c=document.getElementById("myCanvas"); 然后,创建context 对象:var cxt=c.getContext(&qu
阅读全文
摘要:audio标签定义声音,入音乐或其他音频流,当前支持三种音频格式:Ogg、Mp3和Wav。其用法与video非常相似,只是比video少了width和height两个属性。
阅读全文
摘要:用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素,比如article、footer、header、nav、section 新的表单控件,比如calendar、date、time、email、url、search
阅读全文
摘要:HTML5规定了一种通过video元素来包含视频的标准方法,支持的视频格式为:Ogg:带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4:带有H.264视频编码和AAC音频编码的MPEG4文件,尽量使用此种格式,支持的浏览器稍微多一点。WebM:带有VP8视频编码和Vorbis音频编码的WebM文件 标准书写格式如下:您的浏览器不支持video标签 与之间插入的内容是供不支持video 元素的浏览器显示的。也有写成下面的格式的: 你的浏览器不支持视频标签 video标签允许多个source标签,它可以链接不同的视频文件和格式,浏览器将使用第一个可识别的格式,这样处...
阅读全文
摘要:实现滚动文字的特效,主要是在页面中应用标签。主要属性:align:滚动内容的对齐方式:top、middle和bottomdirection:滚动的方向:up、down、left和rightbehavior:滚动的方式:scroll(循环滚动)、slide(一次滚动)和altermate(交替滚动)loop:循环滚动的次数,取值为-1或Infinite表示无限次滚动scrollamount:滚动的速度,单位为像素,值越大滚动速度越大scrolldelay:两次滚动的间隔时间width:滚动区域的宽度,单位为像素或以百分比形式表示height:滚动区域的高度bgcolor:滚动区域的背景颜色h..
阅读全文

浙公网安备 33010602011771号