Html 编码规范

原创
2017/06/28 12:02
阅读数 71

黄金定律:不管有多少人共同参与一个项目,选择一套规范,然后始终遵循,一定要确保每一行像是一个人编写的

  1. 语法
  • html标签以及属性应该全部小写,
  • 所有元素应该正确嵌套,编写时嵌套元素应该缩进一次,也就是两个空格。
  • 双标签必须闭合,单标签(自关闭标签)不闭合,不要在自闭合(self-closing)元素的尾部添加斜线比如<input><img> <br><link>。
  • 通过 JavaScript 生成的标签让内容变得不易查找、编辑,并且降低性能。能避免时尽量避免。

     2. 属性 

 

  • HTML 属性应当按照以下给出的顺序依次排列,确保代码

            class

            id

             name

             data-*

            src, for, type, href, value

            title, alt

            role, aria-*

  • 对于属性的定义,确保全部使用双引号,绝不要使用单引号
  • 省略type属性。使用style、link、script,不用指定type属性,因为 text/css 和 text/javascript 分别是他们的默认值。省略Boolean属性值。Boolean属性不用添加取值,disabled,checked,selected等。省略url类属性资源协议头。

3.格式

  • soft tab。
  • 嵌套缩进。
  • 删除行尾空格。
  • 块元素、列表元素、表格元素都放在新行。
  • inline元素视情况换行。
  • 努力保持每行长度小于80列,如果太长可换行。

 4.元素

  • 尽量不要使用js标签,避免冗余标签。
  • 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:
  • 块级元素不能放在<p>里面:
  •  有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:   h1、h2、h3、h4、h5、h6、p、dt  
  •  li 内可以包含 div 标签 
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部