自閉合標簽： area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track,wbr

自閉合標簽無需結束標簽，也不需要添加 /

嚴格禁止標簽交叉嵌套

不使用不標準的標簽和屬性

CSS樣式與HTML頁面結構分離

不使用@import方式

添加必要的<meta>標簽

<meta>有4個屬性：name, http-equiv, content, charset.   name  +  content,構成名稱/值對，用于描述網站信息。 http-equiv + content, 設置特定的HTTP指令。 charset設定頁面編碼。

ie設置兼容模式<meta http-equiv="X-UA-Compatible" content="Edge">

使用更具有語義的標簽，減少<div><span>的使用

css  clearfix代碼：

.clearfix{*zoom:1;}

.clearfix:before,

.clearfix:after{

display:table,

content:""

}

.clearfix:after{clear:both;}

<br>僅用文本內容中的換行

只使用一個<h1>標簽

label中for屬性，不僅把<label>上的觸發事件指向for屬性指代的表單元素，也從語義上綁定了label元素和此表單元素

裝飾性元素用css實現

HTML5標簽分類：

元數據式（Metadata）：<base>, <command>, <link>, <meta>等

流式（Flow）：<div>,<span>等

章節式（Phrasing）：<article>,<aside>,<nav>,<section>等

標題式（Heading）：<h1>~<h6>, <hgroup>

段落式（Sectioning）：<span>,<img>

嵌入式（Embedded）:<img>, <iframe>, <svg>, <audio>, <video>, <canvas>等

交互式（Interactive）： <a>,<button>, <select>,<input>等