前端开发规范(一、HTML篇)

admin 2020-06-13 20:04 公司动态

省略外链资源(图片及其它媒体资源)URL 中的 http / https 协议,使 URL 成为相对地址,避免Mixed Content 问题,减小文件字节数。

自闭合(self-closing)标签,无需闭合 ( 例如: img input br hr 等 );可选的闭合标签(closing tag),需闭合 ( 例如:/li 或 /body );尽量减少标签数量;

class 应以功能或内容命名,不以表现形式命名;class 与 id 单词字母小写,多个单词组成时,采用中划线-分隔;使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class;

a 不允许嵌套 div这种约束属于语义嵌套约束,与之区别的约束还有严格嵌套约束,比如a 不允许嵌套 a。

严格嵌套约束在所有的浏览器下都不被允许;而语义嵌套约束,浏览器大多会容错处理,生成的文档树可能相互不太一样。

通常情况下,每个标签都是有语义的,所谓语义就是你的衣服分为外套, 裤子,裙子,内裤等,各自有对应的功能和含义。所以你总不能把内裤套在脖子上吧。– 一丝

此外语义化的 HTML 结构,有助于机器(搜索引擎)理解,另一方面多人协作时,能迅速了解开发者意图。

为每个 HTML 页面的第一行添加标准模式(standard mode)的声明, 这样能够确保在每个浏览器中拥有一致的表现。

在未指定 favicon 时,大多数浏览器会请求 Web Server 根目录下的 favicon.ico 。为了保证 favicon 可访问,避免404,必须遵循以下两种方法之一:

上一篇:支付宝小程序上车,BATH 的新战场出现了
下一篇:app系统开发什么价格?

猜你喜欢

手机扫一扫添加微信

0592-5969527