网站首页
关于我们
乐华介绍
乐华思维
人才招聘
新闻资讯
乐华观点
行业新闻
服务介绍
网站建设
Seo优化
品牌服务
案例展示
网页设计
网站优化
品牌研究
品牌理论
品牌体系
联系方式
联系我们
宁波网站建设HTML5使用播放器
新闻动态
>
行业新闻
>
网站建设
发布时间:2015-1-20 11:14:30
若你仔细读读这段代码,会发现流程并没有第一印象那么复杂,但里面仍然存在隐患。如果在label元素与meter元素之间存在着一个空格或换行符,那么我们的输人状态显示功能就会失效,nextSibling将获取到一个文本元素,而我们也就无法获取到meter元素。
接下来让我们来设计表单底部的进度显示。你可能已经猜到它是一个progress元索,但最有意思的部分是我们要如何巧妙的通过JavaScript中更新这个元素。首先,这个元素的HTML代码如下:
Progress:
〈progressid=formProgressvalae=0tabindex=-lx/progressx/label>
我们为元素progress赋予一个id,value的初始值为0,tabindex的初始值为-1——这意味中此元素将无法通过Tab键访问。我们使用JavaScript的updateProgressO函数来更新progress元素:
functionupdateProgressO{
varreq=document.querySelectorAll(M:required");count=0;for(vari=0;i
提交表单可以通过两个按钮:Save及Submit,新增的accesskey属性。
快捷键并非HTML5中的新功能,但它们一直很不常用。最大的问题是:不同平台上有不同的组合快捷键,你永远无法确定你所使用的组合快捷键到底会跟什么冲突。HTML5提供了一个解决建议:accessKeyLabel值可以返回一个字符串,告诉你在目前平台上的可用快捷键组合。你可以把这个值用到在button标签或title属性里。不幸的是,此书完成时,并没有任何浏览器能够反馈此字符串。
我们介绍了许多HTML5中关于表单的新扩展功能。Web开发者的美好时代即将来临,因为在使用日期和时间之类的常规输人元素时,他们不再需要用到JavaScript库,尤其是对于手机输入来说。鉴于通常用手机输入比用计算机要难得多,新的表单功能将极大地改善这一点。浏览器的表单有效性验证让代码编写变得更清晰以及更易掌控。但别忘了客户端表单验证并不会让服务器应用程序更加安全,潜在黑客能够很容易地绕开这些验证。
如果在读完此章之后,你激发了将这些学到的知识用于你个人网站的想法,那就去做吧。新元素及属性的语法很特别,即便旧式浏览器也不会产生错误。这类浏览器的用户或许不能感受新输人元素带来的所有好处,但文本输入是永远可行的。
YouTube标志着在线视频播放的巨大突破。在这个视频平台出现之前,
宁波网站建设
认为通过互联网实现计算机到计算机之间的视频文件传输是非常困难的:视频文件通常因超过e-mail附件大小限制而无法发送;即便能够发送成功,接受方计算机也很可能无法播放。
此外,YouTube为用户提供在线保存视频文件服务,同时它还提供格式转换,让不同格式的视频都能通过AdobeFlashPlayer播放。
Adobe不但为许多操作系统提供了Hash,还为所有常见浏览器提供了Flash插件。浏览器插件总体来说是个好东西,但是常与浏览器之间出现兼容性问题。另外,AdobeFlashPlayer这类封闭源代码插件并不是很受浏览器开发者欢迎,因为当发生崩溃时,它们很难查到错误原因。
HTML5试图改善这一点,并推出了相关的新元素video,但这并不足以解决问题。
第一个案例
下面我们用一个简短的例子,来演示新的HTML5video元素是如何作用的:
SimpleVideo
Sorry,yourbrowseris"unabletoplaythisvideo.
用这段代码在浏览器播放视频相当简单,你可以看到MozillaFirefox下的结果。
本文由乐华网络编辑,转载请注明出处
宁波网站建设www.leseo.net
乐华观点
谈SEO
行业新闻
网站建设
网站优化
品牌相关
上一篇:
宁波网站优化什么是导入和导出链接
笔者早年在某些进口网站误点广告,效果进入后是某个公司的形象推行广告。访问者由于页面上文字的误导而进入
下一篇:
宁波网站优化认为外链影响网站信誉
从这个趋势看,外部联接(包含了联接数目及PageRank)看似现已最不重要,可是指的是作假的外部联接