HTML結構文檔中那些基礎又重要又容易被忽略的事？
大部分的人，總是會做出這樣下意識地判斷：簡單就是不重要，容易就可以直接忽略掉！其實不然，簡有精髓，基石必重，豈能略而不顧！HTML結構文檔的編寫，可以說是入手簡易，繁雜靠邊！就是因爲這樣，很多前端開發者往往會忽略其重要性？不信，那我就來說說HTML結構文檔編寫開發中，那些容易被忽略的事吧！
居於HTML文檔之首的DOCTYPE？
如果問DOCTYPE是什麼？大家都會回答是文檔聲明。問爲什麼需要加上它？相信很多人會說，我看到其他人或者前輩們都是這麼寫，所以我就這麼寫了；或者說我的編輯器默認就有了。也就是知其然，而不知其所以然！如果你也是這種情況？請看看《doctype 文檔類型》這篇文章吧！將爲詳情講述！那如果我們未進行文檔聲明又會發什麼情況呢？經過驗證在IE6瀏覽器下會出現怪異解析，導致盒模型的計算產生了變化！瞭解詳情請點擊《怪異解析 - IE6盒模型》。如果你還想了解其他有關盒模型的知識點，你也可以點擊《“百變”盒模型》。
<meta>元素？
<meta>元素位於文檔的頭部，不包含任何內容。<meta>元素的屬性定義了與文檔相關聯的名稱/值對。<meta>元素可提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞。相信這些大家都很清楚不過了，對SEO優化起着至關重要的作用！但是大家是不是有遇到過這樣的情況，編寫好的HTML文檔在瀏覽器上打開，卻是一堆亂碼？如果是這樣的話，你肯定是忘記了<meta charset="規定 HTML 文檔的字符編碼">！並且這句代碼，最好是放在<title></title>之前。HTML5現在越來越受到前端開發者們與業界的青睞，然而在移動的視口匹配也是離不開meta，具體詳情，請點擊《移動端H5知識[系列] - 視口viewport》。
<title>元素？
我們大家都知道，一篇文件的概要基本都涵蓋在了標題之中！在HTML結構文檔中也不例外，有一個好的標題，不僅可以提高SEO優化，還可以提高用戶體驗。可以讓用戶一眼就可以鎖定自己所需的信息！當然啦！談到這個title，大家不要忘記了img中的title屬性的作用了。如果需要了解詳情，請點擊《img中alt與title辨析》。
致謝
很感謝電腦前的你，將這篇文章從頭讀完，我們希望能夠爲大家建立一個HTML5技術分享平臺，歡迎進入“HTML5學堂”溝通交流~~~HTML5學堂~http://www.h5course.com~由多名熱愛H5的講師們組成的一個組織。致力於構建一個前端技術、HTML5知識的分享平臺。
