Web前端规范--HTML规范

2019独角兽企业重金招聘Python工程师标准>>>

1、html标签、html属性全部小写。

2、文件应以”<!DOCTYPE … …>”首行顶格开始，推荐使用”<!DOCTYPE HTML>”。

3、必须声明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码。

<meta charset="UTF-8">

4、根据页面内容和需求填写适当的keywords和description。

5、 IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

6、使用双引号(“”) 而不是单引号(”) 。

7、如果只需兼容 IE10+，可将 HTML5 的 async 属性加至脚本中，它可防止阻塞 DOM 的解析。

<script src="main.js" async></script>

8、双标签必须闭合，单标签（自关闭标签）不闭合。

9、使用style、link、script，不用指定type属性，因为 text/css 和 text/javascript 分别是他们的默认值。

10、 table不建议用于布局，tab只可用于表现具有明显表格形式的数据。

11、使用link将CSS文件引入，并置于head中。使用script将JS文件引入，并置于body底部。

12、段落文字应该用<p>，避免使用<br>。

13、列表项放<ul>、<ol>、<dl>，不要使用一系列的<div>或<p> 。

14、 form button应制定type类型，使用type="submit"、type="reset"或type="button"。

15、有效使用<thead>、<tfoot>、<tbody>、<th>（scope属性）。可以把<tfoot>放<tbody>前提高加载速度。

16、块元素、列表元素、表格元素都放在新行。

17、图片文件可采用有意义的备选文本（alt）（图片的 alt 属性是可不填写内容的alt=""）

<img src="banner.jpg" alt="welcome">

18、严格地保证结构、表现、行为三者分离，并尽量使三者之间没有太多的交互和联系。

19、不在元素上使用 style 属性（比如<div style="border：1px solid #CCC"></div>是不建议的）

20、标签最好语义化。

21、标题最好用h*(同一页面只能有一个h1)。

22、尽可能减少div多层嵌套。

23、指定img明确的宽度和高度，可以增加页面渲染速度

24、多余代码, 比如页面注释掉不需要的代码，应该坚决删除掉。

25、注意浮动的浏览器兼容问题。及时清除浮动。

26、很多浏览器会将含有这些词的作为广告拦截： ad、ads、adv、banner、sponsor、gg、guangg、guanggao等页面中尽量避免采用以上词汇来命名。

转载于:https://my.oschina.net/CharmyZ/blog/761136

Web前端规范--HTML规范相关推荐

WEB前端代码书写规范
WEB前端代码书写规范 1. 命名规范 a.ClassName命名 ClassName的命名应该尽量精短.明确,必须以单页面字母开头命名,且全部字母为小写,单词之间统一使用下划线 "_&qu ...
Web前端工程师开发规范必须要注意的事
Web前端工程师开发规范必须要注意的事规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范 ...
Web前端开发标准规范
web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高,效率更好的代码为后期维护提供更好的支持一.命名规则命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使 ...
Web前端设计开发规范
前言本文主要整理了Web前端设计开发的相关规范,主要由网络收集,希望对大家在Web设计和开发的过程中有一些帮组. 目录一.界面设计规范细则二.CSS编写和命名规范三.JavaScript编程规 ...
Web前端开发标准规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...
Web前端开发标准规范 1
web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高,效率更好的代码为后期维护提供更好的支持一.命名规则命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使 ...
Web前端开发代码规范（基础）
一. 引言对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护. 二. HTML/CS ...
web前端开发企业命名规范
(一)网页内容类标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMen ...
html隐藏元素的方式,Web前端：CSS3——3种隐藏元素方法的区别
原标题:Web前端:CSS3--3种隐藏元素方法的区别 Web前端教程 CSS3规范的一个新特点是被分为若干个相互独立的模块.一方面分成若干较小的模块较利于规范及时更新和发布,及时调整模块的内容,这些 ...
前端传中文文件名_前端工程师需要掌握哪些知识，web前端开发规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...

Web前端规范--HTML规范

Web前端规范--HTML规范相关推荐

最新文章

热门文章