Web設計界的最新熱門是HTML5。但是當開發(fā)者四處看看時，要想弄明白HTML5究竟是什么卻沒有想象中那么的容易。這是因為這既是一種新的HTML標準，也是一組為未來Web和移動開發(fā)準備的工具和技術標簽。在深入研究HTML5工具之前，開發(fā)者需要理解HTML技術的部分新功能。
語義要素
正如開發(fā)者所預期那樣，HTML5很大程度上仍然使用現(xiàn)有的HTML。然而，版本5吸收了部分新的標記，即所謂的語音要素（semantic elements）。大多數(shù)情況下，這些要素都是<div>標記的特別版本，是打算用來讓開發(fā)者的內(nèi)容更加友好一點的，無論是對CSS網(wǎng)頁，還是對Googlebot這樣的Web爬蟲。 在過去，如果開發(fā)者希望定義部分比例的網(wǎng)頁為包含導航元素（按鈕、連接等）的面板，可能就會創(chuàng)建一個<div>標記，然后賦予其nav的ID。這種做法非常的好，許多Web開發(fā)者恰恰是這么做的。
新的<nav>標記就是這么來的。有人曾對成千上萬個網(wǎng)站進行過調(diào)查，模式顯示，帶nav ID的<div>標記已被棄用。
這對于IT人員來說意味著什么呢？表面上來看沒太大意義，但當你探索搜索引擎優(yōu)化的世界時，你會發(fā)現(xiàn)只要有Web機器人，那么<div>就是<div>而已，但<nav>卻告訴Web機器人一些并不易懂的東西。正是這種理解能夠改善網(wǎng)站在搜索引擎結(jié)果中的總體評價和和排名。
按照這一邏輯，一堆新的其他標記也相繼出現(xiàn)，如<header>、<footer>、<section>、<article>、<figcaption>以及<aside>等。這些也不過是<div>標記的新版本，但現(xiàn)在它們作為安排內(nèi)容方法，以便Web爬蟲更容易分類。通過這樣的手段，公司的Web排名得到了改善。 這些再加上一系列的其他元素，那些設計用來從總體上改善網(wǎng)頁，幫助瀏覽器理解音視頻、地位位置及動態(tài)內(nèi)容的元素，那么就可以說網(wǎng)站已得新的HTML5語音要素的精髓了。
HTML5的其他部分
關于HTML5不僅僅是HTML，而且還是一個包括CSS3、Javascript及PHP技術在內(nèi)的涵蓋性術語的說法導致了許多困惑。開發(fā)者需要理解這些新的語義要素的存在是為了簡化網(wǎng)頁，而CSS3的使用則是讓設計更具視覺吸引力。
Javascript是給網(wǎng)頁增加行為的一種手段，但有了<audio><video><canvas>這些新元素之后，在加上地理位置這些應用程序接口元素，Javascript現(xiàn)在已經(jīng)有了處理這一內(nèi)容的簡化方式。
甚至更有趣的是，為移動設備設計應用遵循網(wǎng)頁設計相同的范式。移動應用的每一塊屏幕都類似于一個網(wǎng)頁，都要遵循標記語言設計系統(tǒng)的要求。 所以，HTML5也有自己的系統(tǒng)。
京公網(wǎng)安備 11010502049343號