前端HTML编写规范

新闻来源:发布人:翡翠编辑时间:2018-07-26
文档类型: 推荐使用 HTML5 的文档类型申明:……

 前端HTML编写规范

文档类型:

推荐使用 HTML5 的文档类型申明:<!DOCTYPE html>

脚本加载:

脚本引用写在 body 结束标签之前,并带上async属性。

语义化:

根据元素标签被创造出来时的初始意义(元素最开始就是用来描述论文的)来使用它。如用head元素来定义头部,title定义标题,p元素来定义文字段落,用a元素来定义链接锚点等等。

关注点分离:

关注点主要指的是:模板(HTML代码)、外观(CSS样式)和行为(JavaScript脚本)。这要求在模板中只包含结构性的 HTML;将所有表现代码,抽离到样式表中;将所有动作行为,移入js脚本之中。

要求:

①不使用行内样式(eg:<style>.no-good {}</style>);

②不在元素上内联样式(eg:<hr style="border-top: 5px solid black">);

③不使用行内脚本(eg:<script>alert('no good')</script>);

④不使用表象元素(eg: <b>, <u>, <center>, <font>, <b>);

⑤不使用表象 class 名(eg: up, down, center),命名要见名知意(eg:turn-rule,流转规则)。

格式化:

编写代码时,养成缩进的习惯。前端页面每一个块状元素,列表元素和表格元素后,加上一新空白行,并对其子孙元素进行缩进。内联元素写在一行内,块状元素还有列表和表格要另起一行。

双引号和大小写的使用:

在前端HTML页面中虽然不缺分单双引号,和页面元素的大小写。但行内一般前端使用双引号,元素默认为小写。

相关文章
热门新闻
热门搜索

JAVA大数据翡翠教育


电话:010-61943044
网址:https://www.feicuiedu.cn
传真:010-61943044
友情链接:
Copyright ? 2005-2020 北京翡翠教育科技集团有限公司,All Rights Reserved 京ICP备12036804号-1