随笔分类 -  HTML5

摘要：section元素表示文档或应用的一个部分。所谓“部分”，这里是指按照主题分组的内容区域，通常会带有标题。【也就是每个section对应不同的主题。注意是内容本身的主题，而不是其他人为设定的划分标准。】section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。注意：网页作者应使用article而不是section元素，如果其内容是用于聚合（syndicate）。注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适 阅读全文

摘要：一、引言HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心，自己又应用了HTML5相关内容——HTML5 localStorage本地存储，这里简单分享下，希望能触动一下大家的小小神经。二、实例展示实际在线的页面访问，如果不是会员，还需要注册。烦那！所以自己就把其高保真独立出来，做了个HTML版本的demo页面。您可以狠狠地点击这里：HTML5 localstorage本地存储应用demo进入demo页面，您 阅读全文

摘要：Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。 一、Cache Manifest基础知识 作为一个Web开发相关的人员，都不会少听到、看到Cache这个词。是的，上面也已经说了，它是一种缓存的机制。它可以通过一个.manifest文件来配置需要缓存的或者一定要保持联网缓存的文件。而重点就是这个.manifest文件，这里进行了简单的整理： ◆MIME TYPE：text/cache-man... 阅读全文

摘要：article 字面意思为“文章”。在web页面中表现为独立的内容，如一篇新闻，一篇评论，一段名言，一段联系方式。这其中包括两方面，一为整个页面的主旨内容，另外就是一些辅助内容。article可以嵌套，即article里面还可以包含article，此时内article应该跟外article有一定的关联性，如同情景二，其中主内容的评论。1<article id="demo">2<h1>内容标题（选用）</h1>3<p>内容</p>4</article>article既然是独立的内容，那么内容的主题是必不可 阅读全文

摘要：如何用HTML5制作iPhone App你在这一年中很受挫，我知道的。所有的object-c的开发者都有一段在iPhone上写程序的痛苦经历。你曾经想找一两篇iPhone开发的初级教程，但是它的C语言太难学了。我不想说一些让你放弃的消极的话：你可以放弃它，这意味着这些时间你可以做些别的。你可以作一个nativeapp 和别的app 一样，并且，很大程度上，它看起来就是一个完美的仿冒的应用程序。只要你会 HTML(5)，CSS 和Javascript 就能做到。我将向你演示 如何 制作一个 离线的iPhone应用程序，说白点就是我会一步一步教你怎么作一个俄罗斯方块游戏(Tetris game)。 阅读全文

摘要：网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> width-viewport的宽度height-viewport的高度 initial-scale-初始的缩放比例 minimum-scale-允许用户缩放到的最小比例 maximum-s 阅读全文

摘要：在过去，上传文件的时候，我们每次都只能一次选择一个文件。如果想实现多文件上传，要么动态的增加file框要么使用Flash来代替。现在我们在HTML5中要想实现这个功能，是轻而易举的事情。FileList对象：FileList对象，其实就是多个file对象的列表。在HTML5中要想多文件上传我们只需要在原有的file类型的Input中加入multple属性即可。HTML<input id="W3Cfuns_FileList" type="file" multiple/>JavaScript为了能够让大家看清楚这个上传文本框，简单的写了一下JS， 阅读全文

摘要：HTML5的来临，让很多前端设计师及开发人员带来不少的惊喜，但我们发现，HTML5并不是哪么容易学的，有些细小的东西要注意，而本文中主要为大家讲解HTML5的一些该知道的常识，避免6种错误的HTML5用法。 一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：<!-- HTML 4-style code --><div id="wrapper"> & 阅读全文

摘要：1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->2. <!--[if IE]> 所有的IE可识别 <![endif]-->3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]--> 阅读全文