HTML5簡介

什么是HTML5

HTML5 是新一代的 HTML 標準，2014年10月由萬維網聯盟（ W3C ）完成標準制定。
官網W3C
HTML5 在狹義上是指新一代的 HTML 標準，在廣義上是指：整個前端。

HTML5優勢

針對 JavaScript ，新增了很多可操作的接口。
新增了一些語義化標簽、全局屬性。
新增了多媒體標簽，可以很好的替代 flash 。
更加側重語義化，對于 SEO 更友好。
可移植性好，可以大量應用在移動設備上。

新增語義化標簽

新增布局標簽

關于 article 和 section ：

• artical 里面可以有多個 section 。
• section 強調的是分段或分塊，如果你想將一塊內容分成幾段的時候，可使用 section元素。
• article 比 section 更強調獨立性，一塊內容如果比較獨立、比較完整，應該使用article 元素。

新增狀態標簽

meter標簽
定義已知范圍內的標量測量。也被稱為 gauge （尺度），雙標簽，例如：電量、磁盤用量等。

progress標簽
顯示某個任務完成的進度的指示器，一般用于表示進度條，雙標簽，例如：工作完成進度等。

新增列表標簽

新增文本標簽

文本注音

<ruby><span>魑魅魍魎</span><rt>chī mèi wǎng liǎng </rt>
</ruby>

文本標記：雙標簽，mark

新增表單功能

表單控件新增屬性

input新增屬性值

新增多媒體標簽

視頻標簽

video標簽用來定義視頻，它是雙標簽。

音頻標簽

audio標簽用來定義音頻，它是雙標簽。

HTML5兼容性處理

• 添加元信息，讓瀏覽器處于最優渲染模式。

<!--設置IE總是使用最新的文檔模式進行渲染-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!--優先使用 webkit ( Chromium ) 內核進行渲染, 針對360等殼瀏覽器-->
<meta name="renderer" content="webkit">

• 使用 html5shiv 讓低版本瀏覽器認識 H5 的語義化標簽。

<!--[if lt ie 9]>
<script src="../sources/js/html5shiv.js"></script>
<![endif]-->

• 擴展
  lt 小于
  lte 小于等于
  gt 大于
  gte 大于等于
  ! 邏輯非
  例如：

<!--[if IE 8]>僅IE8可見<![endif]-->
<!--[if gt IE 8]>僅IE8以上可見<![endif]—>
<!--[if lt IE 8]>僅IE8以下可見<![endif]—>
<!--[if gte IE 8]>IE8及以上可見<![endif]—>
<!--[if lte IE 8]>IE8及以下可見<![endif]—>
<!--[if !IE 8]>非IE8的IE可見<![endif]-->