Code Guide (HTML)

最新推荐文章于 2024-07-22 15:13:59 发布

dianqiaocu5692

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量141

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/guojunru/p/5373589.html

版权

Golden rule

Every line of code should appear to be written by a single person, no matter the number of contributors.

1.Syntax

Use soft tabs with two spaces—they're the only way to guarantee code renders the same in any environment.
Nested elements should be indented once (two spaces).
Always use double quotes, never single quotes, on attributes.
Don't include a trailing slash in self-closing elements—the HTML5 spec says they're optional.
Don't omit optional closing tags(e.g.</li>).

2.HTML5 doctype

3.Language attribute

4.Character encoding

5.CSS and JavaScript includes

typically there is no need to specify a type when including CSS and JavaScript files as text/css and text/javascript are there rerspictive defaults
<link rel="stylesheets href="code-guide.css">
<script src=code-guide.js“></script>

6.Practicality over purity

Strive to maintain HTML standards and semantics, but not at the expense of practicality. Use the least amount of markup with the fewest intricacies whenever possible.

7.Attribute order

HTML attributes should come in this particular order for easier reading of code.
- class
- id, name
- data-*
- src, for, type, href, value
- title, alt
- role, aria-*
Classes make for great reusable components, so they come first. Ids are more specific and should be used sparingly, so they come second.

8.Boolean attributes

9.Reducing markup

10.JavaScript generated markup

Writing markup in JavaScript file makes the content harder to find, harder to edit, and less performant. Avoid it whenever possible.

转载于:https://www.cnblogs.com/guojunru/p/5373589.html

关注