Quinn

把所有的时间为你们服务,请叫我雷锋。。。

笔记

前端的规范之路

已有 500 次阅读2016-03-06 18:29 |系统分类:前端优化 |

同一页面,应避免使用相同的 name 与 id。


解释:


IE 浏览器会混淆元素的 id 和 name 属性, document.getElementById 可能获得不期望的元素。所以在对元素的 id 与 name 属性的命名需要非常小心。


.1 title


[强制] 页面必须包含 title 标签声明标题。


[强制] title 必须作为 head 的直接子元素,并紧随 charset 声明之后。


解释:


title 中如果包含 ASCII 之外的字符,浏览器需要知道字符编码类型才能进行解码,否则可能导致乱码。


示例:


<head>

    <meta charset="UTF-8">

    <title>页面标题</title>

</head>


[强制] 禁止 img 的 src 取值为空。延迟加载的图片也要增加默认的 src。


解释:


src 取值为空,会导致部分浏览器重新加载一次当前页面,参考:https://developer.yahoo.com/performance/rules.html#emptysrc


有下载需求的图片采用 img 标签实现,无下载需求的图片采用 CSS 背景图实现。


解释:


产品 logo、用户头像、用户产生的图片等有潜在下载需求的图片,以 img 形式实现,能方便用户下载。

无下载需求的图片,比如:icon、背景、代码使用的图片等,尽可能采用 CSS 背景图实现。



<label><input type="checkbox" name="confirm" value="on"> 我已确认上述条款</label>


标签: 前端规范 举报

收藏 1人收藏
给个赞0人点赞

笔记作者:Quinn

笔记链接:

原创声明:此笔记被 Quinn 标注为原创笔记,未经作者同意转载必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

评论
0 /300