移动Web问题小结
Meta标签
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
这个想必大家都知道，当页面在手机上显示时，增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览。
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
这两个属性分别对iOS上自动识别电话和Android上自动识别邮箱做了限制。
HTML head 头标签
HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。
HTML5的性能优化分析
从性能角度来说，HTML5首先是缩减了HTML文档，使这件事情变得更简单。
- 第一，从用户可读性上说，原先一大堆东西，像初学者第一次看到这些东西是看不懂的，而HTML5的声明方式对用户来说显然更友好一些。
- 第二，文档编码的声明，用HTML5方式的话，就很简单。
很多人问HTML5是什么？我们说可以先用HTML5的方式就是把DOCTYPE先改了，因为目前很多页面都还是用传统的方式。HTML5的方式，本身是兼容IE浏览器的，从IE6到IE10都可以，包括高级浏览器都支持。所以说拥抱HTML5最简单的方式就是把DOCTYPE给改了。