HTML5介紹 - HTML5的特長，特性及其相關資源

日期：2013-3-29 來源：GBin1.com

HTML5介紹 - HTML5的特長，特性及其相關資源

什麼是HTML5？

HTML5 是網際網路聯盟（W3C）推出的最新的超文本标記語言。第一稿出版于2008年，但是直到2011年才真正的發展起來。在2011年的時候，HTML5開始釋出，人們逐漸開始使用它，但是相關的浏覽器對它的支援仍很貧乏。直到今日，幾乎所有主流浏覽器（Chrome，Safari，Firefox，Opera，IE）都提供了對 HTML5的支援，現在才是HTML5真正發揮它特性的時候。

HTML5和CSS3目前仍在開發中。W3C計劃明年釋出一個穩定版本，但是看起來這仍是一個膽大的冒險。從HTML5釋出至今，它一直在持續發展中，W3C添加了越來越多令人印象深刻的特性，是以看起來HTML5的開發遠遠不會結束，當然這并不是一件壞事。

HTML5是1999年首次釋出的HTML4.01的繼任者。從1999年開發網絡開發有了翻天覆地的變化，HTML5的出現是必然的。新出的标記語言建立在預留标準上：

新特性基于HTML，CSS，DOM和JavaScript
對外部的插件（如Flash）的需求需要減少
錯誤處理要比過去的版本更加簡單
腳本被更多的标記所替代
HTML5特性必須與裝置無關
開發過程必須對大衆是可視的

HTML5的新特性？

HTML5 的建立是為了使編碼過程更加簡單并具有邏輯性。再過不久，你會看到許多已過時的文法會很快被提出後門。伴随HTML5而來的是在多媒體方面的，獨特而又令人印象深刻的特性。考慮到讓使用者可以在低功率的裝置上運作繁重的内容，許多特性伴随HTML5衍生而來。文法特色上包括<video>,<audio>和<canvas>元素，而且還內建了矢量圖形内容(例如我們之前就知道的<object>标簽)。這意味着網絡上的多媒體和圖形内容可以被更快捷的執行，不需要插件或者API。

這裡有一組新添加的文法，但是以下我列出了較為重要的一部分。其餘的可以在W3C的HTML5部分找到。

<article> - 這個标簽定義了文章，使用者留言或是文章，作為内容的獨立項目。
<aside> - aside标簽标記了除了頁面内容的内容，例如一個橫向的側邊欄。
<header>,<footer> - 你不再需要手動為頁首與頁尾命名ID，現在你有為他們而生的預定義标簽。
<nav> - nav标簽用于标記導航，可以自動使你的清單像個導航。
<section> - 這是另一個重要的新文法，它在可以你的文檔裡定義任何類型的段落。它像div一樣劃分了不同的段落。
<audio>,<video> - 這兩個标簽明顯标記了語音和視訊内容，使音頻與視訊更容易得在裝置上運作。
<embed> - 這個新标簽為互動内容(如插件）或外部應用定義了一個容器。
<canvas> - canvas标簽叫人尤為興奮，它允許通過腳本實作畫圖(大多是JavaScript，當然其他的腳本語言也可以)。

閱讀相關教程：

HTML5基本标簽使用header，nav和footer

HTML5中的Article和Section元素

需要記住的重要的一點是，新的HTML5标簽和以前的标簽不太一樣。例如，<header>和<footer>标簽不僅僅是用于标記頁面的開始和截止，還用于标示每一個段落的開始和結束。這意味着這兩個标簽比以前應用的更多。你可以通過下面的代碼明白我所說的。

<!DOCTYPE html><!--The new DOCTYPE declaration, such easier than before-->
    <head> <!--Like before, this is where the style declaration goes-->
    </head>
    <body>
         <header> <!--This marks the header of the page and includes the navigation-->
         <nav>
         </nav>
         </header>
         <section> <!--This starts the content section -->
            <header>
            <!--This time the header tag marks the beginning of the content section -->
            </header>
            <article>
            </article>
            <footer>
            <!--As with the header tag, this time the footer marks the end of the content section -->
            </footer>
       </section> <!--This ends the content section -->
       <aside>
       <!--Here comes the sidebar content -->
       </aside>
       <footer>
       <!--The footer, which marks the end of the page, is here -->
       </footer>
</body>
</html>

是的，DOCTYPE聲明有一定道理。或者至少，這一次它比以前要簡單的多，它很容易讓我記住，我們不需要在網絡上搜尋它，并且從一個站點複制到另一個站點。<!DOCTYPE html>起始，以</html>結束一個頁面讓我們等了很長一段時間，現在它終于出現在了這裡.......

HTML5介紹 - HTML5的特長，特性及其相關資源