10 09/2014

站点检查和验证

最后更新: Wed Sep 10 2014 12:39:11 GMT+0800

这两天对着 hexo 大刀破斧，一共才一百多篇文章，就已经发现了大量的错误链接！

在线工具

相关软件

Integrity Mac 下的断链检查器

三管齐下。Integrity 蛮好用的，本地检查肯定比在线要快快一些。w3 Link Checker 还能发现错误的 js css 引用！Integrity 只是检查 a href。修改一堆错误之后，发现一个有趣的地方

Line: 62 http://www.jquery.com/ redirected to http://jquery.com/
Status: 301 -> 200 OK
This is a permanent redirect. The link should be updated.

首先检查 validator.w3.org/
- link rel=”stylesheet” 必须放在 head 里
- style 不允许放在 body 里（这个没办法！因为经常要写一些 html5+css+js 的例子，而 markdown 会转义引号，所以只好外部引用）
- 未结束的 div
检查 feed **

内容中不允许出现 js css onclick 等“危险”元素
检查 css validate
- 书写错误的 css
- stylus 的 clearfix 会写 zoom:1
- line-gradient w3c 不认识
- bootstrap 的 @-webkit-keyframes 不认识
mobile check 报告的问题如下：
- 中文地址不让用
- target=”_blank” 不让用（碍，我实在懒得 external 然后 js 了）
- 没有设置 Content-Type
- （首页面）24k 推荐标准是 20k 以下
- meta 写法不对
- link 没有结束 /
- dtd 声明不对
- b, big, i, small, sub, sup ,tt 这些标签不能用
- 不能使用 div style=”…”，应该放到外部 css 文件去
- 应该把 css3 的东西写到 @media 里面
- serve 类型不对，推荐 “application/xhtml+xml”
- 不要使用 javascript

Digest of guoshuang