随笔分类 -  Html5

摘要：HTML网页视频点播方案想在网页中播放视频？以前浏览器不能直接播放视频，所以需要用插件，比如wmp、real player、flash。而wmp、real player不能跨平台、跨浏览器，flash有时候会导致浏览器卡、崩溃。现在浏览器集成了播放器，不再需要插件了，直接能放视频，提高了性能、稳定性、跨平台兼容性。在HTML 4、XHTML 1、HTML5的页面中都能播放。浏览器能播放哪种格式的视频？各个浏览器不同，有专利格式的，有开源格式的。具体支持情况如下：专利格式mp4：Safari（iPad、Windows、Mac OS）、Chrome、IE9开源格式webm：Firefox、Chro 阅读全文

摘要：所谓BigPipe，指的是Facebook开发的用来改善客户端响应速度的技术。本质上讲，其实它并不是新事物，原理上等同于Yahoo在Best Practices for Speeding Up Your Web Site里提出的Flush the Buffer Early，不过BigPipe的实现更灵活，所以有必要了解一二。我们平常浏览网页时的体验通常是串行的：浏览器发起请求，服务器收到后渲染页面，在此期间，浏览器除了等待别无选择，演示代码如下：<?phpsleep(1);$header = 'header';sleep(1);$content = 'conten 阅读全文

摘要：在Web设计中，常用的字体尺寸单位有：points(pt)、Pixes(px)、Ems(em)、百分比(%)，下面这张表就是这些Web设计字体尺寸单位转换的一个速查表。可能由于字体、浏览器、操作系统的不同，这个转换表只能是一个近似值，但它还是很有参考价值。PointsPixelsEmsPercent6pt8px0.5em50%7pt9px0.55em55%7.5pt10px0.625em62.5%8pt11px0.7em70%9pt12px0.75em75%10pt13px0.8em80%10.5pt14px0.875em87.5%11pt15px0.95em95%12pt16px1em100 阅读全文

摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width -// viewport 的宽度 （范围从200 到10,000，默认为980 像素）height -/ 阅读全文

摘要：当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜，我们将通过这篇文章向大家介绍一些HTML技巧。1. 新的文档类型（Doctype）[代码]　　上面这个既麻烦又难记的XHTML文档类型你还在使用吗？ 如果还是这样的话，现在该切换到新的HTML5文档类型了。[代码]现在只要这么简单的15个字符就可以了。（注意：你的doctype的... 阅读全文

摘要：<article> 标签定义外部的内容（外部内容如blog,news）。 使用后感觉和P差不多，语义化的标签。<aside> 标签定义article以外的内容（可用做文章的侧栏）. 语义化的标签。<audio>标签定义音乐。 支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式.<canvas>使用JavaScript在网页上绘制图形图像。 学好算法JS无所不能. （浏览器说：鸭梨很大）.<command> 定义按钮用的. 说实话,没用明白。<datalist> 定义选项列表. 又是一 阅读全文