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规范的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jquery实现动态五角星评分
- 下一篇： 如何制作一款HTML5 RPG游戏引擎—