HTML5 添加了一种新的标签属性：自定义 data-attribute。这种属性看起来虽然很奇怪但事实上是很有用的。

这属于一种私有属性，你可以随意定义 data- 属性，用户在浏览器内是看不到这种属性的，同时这种属性完全不会影响网页布局或展示。

今天发现一个不错的制作 html5 图表的工具: Chart.js

先收藏起来，有时间再研究

这是今天学习 RWD 的一些记录，所有代码都放在 github 上了，不过先声明，这个页面不是我自己写的，所有代码来自 webdesignerwall，原作者对代码保留一切权利。

HTML 文件部分

viewport

首先你需要 viewport 来适应手持设备屏幕

1

<meta name="viewport" content="width=device-width; initial-scale=1.0">

以下都是在看 WebFoundamentals 学到的。

• <form> 都应该有个 name 属性
• 所有的 <input> 都拥有对应的 name属性和 id 属性，这是为了告诉浏览器自动填写工具如何帮助用户填写表单。
• 所有 <img> 都应该有 alt 属性对图片进行说明
• 所有 <a> 都应该有 title 属性对链接进行说明

在微博上看到的，Chris Lattner 的 博士论文，就是 Swift 语言的开发者。

点击下载查看

我们在做 html5 网页时基本都会用到 <header>,<nav>,<section>,<footer> 这些新标签，但 IE8/IE9 是不支持这些新标签的，更不用说更早版本的 IE 了，那怎么办呢？

关于这个我们可以用到 html5shiv，用法是：

1
2
3

<!--[if lt IE 8/9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

这个字体是我在 Google Developers 看到的，长这样：

应该属于 Roboto 字体的浓缩版，在 Google Fonts 中可以找到。

不过这个页面的主要字体还是 Helvetiva，虽然不好看。