2010 六月 | UECSS.COM

W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。
通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。

Milestone的HTML5页面框架： Continue reading →

10六 10

迈石网站建设第一篇

by 猪的明天 in 前端开发, 搜索引擎 | 12 comments

由于公司的网站建设是基于几年前的 HTML 4.01 Table布局站点，结构不清晰，多Table的嵌套布局不适合搜索引擎的检索抓取，缺点这里就不多说了，毕竟已经有一大群整天喊着DIV+CSS，都快喊烂了。现考虑将这个站点重构，之后再进行搜索引擎优化。

网站重构 — 制定搜索引擎喜欢的网站构架

采用最近流行起来的HTML5+CSS3的更符合语义化的标签来进行页面的布局（由于Milestone这个站点结构比较简单，并没有使用之前提到的圣杯布局，合适的才是最好的）

搜索引擎优化

前面提到的“制定搜索引擎喜欢的网站构架”是基础，在对基础设施进行完善之后，就开始相应的搜索引擎优化了，以期望达到目标关键词能在搜索结果页中有个较好的排名，实现更多的流量转化。

先来完成两步（优化代码、静态化页面上面以说这里不考虑）

第一步，路径的设计
- 搜索引擎能对路径和网页上的关键词进行匹配，因此路径中带有关键词是有利于在搜索结果页排名的

第二步，标签的设计
- Title
- Keywords
- Description

第三步，待续。。

这将会是一个学习和实践的过程，事实上已经开始实施了，这周基本可以完成重构工作，很高兴Cherry能一起参与进来协同工作。

06六 10

iphone/ipad网站开发技巧整理

by 猪的明天 in 前端开发 | No comments

iphone/ipad异常刚猛，在此把收集到的一些开发技巧罗列出来,方便项目中参考使用,如下：

侦测iPhone/iPod

开发特定设备的移动网站，首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA，然后转向到专属的URL。

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
if (document.cookie.indexOf("iphone_redirect=false") == -1) {
window.location = "http://m.example.com";
}
}

虽然Javascript是可以在水果设备上运行的，但是用户还是可以禁用。它也会造成客户端刷新和额外的数据传输，所以下面是服务器端侦测和转向：

if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) {
header('Location: http://yoursite.com/iphone');
exit();
}