提起HTML5大家都不陌生，作為一個新興的前端開發語言，HTML5已經被大量應用到各個領域，通過HTML5技術製作完成的網頁，可以是單純針對PC端，也已單獨適配移動端，更能做成時下最流行的響應式網站，也就是可以根據訪問設備的不同，自動適應屏幕的寬度來改變頁麵中的元素樣式，通過頁麵中的必要元素標簽，為大家講解HTML5網站建設的解決方案。

第一點：網站頭部設計
網站頭部標簽的作用是在頁麵的開端加入一個用以介紹整個頁麵內容的信息容器，一般網頁的名稱、簡介內容、關鍵詞、版權信息等元素均會出現了網頁頭部，技術層麵上，在網頁頭部還要表示出該頁麵采用的製作語言，例如是HTML5還是較為陳舊的HTML4，目的是讓訪問端的瀏覽器使用與之對應的頁麵渲染方式。

第二點：網站導航欄的設計
網站的導航元素作用就是承載了對於訪客的瀏覽指導作用，導航中的內容是直接循環於網站的一級欄目，當然也有特例，在導航中出現的鏈接內容隻是整個頁麵中所有鏈接的一小部分，但在設計角度上，導航中出現的內容應是整個網站中權重最高的。

第三點：網站的文章內容設計
網站的文章標簽承載了整個網頁中最重要的內容傳遞作用，頁麵中的主要信息均會在此展示，當然內容不僅限於文章，也有可能是圖集、圖文或視頻等，對於該部分的元素，HTML5也增加可用標簽，意指讓頁麵內容更加合理，其中就包括下麵內容中會提到的部件和側邊兩個元素標簽。

第四點：網頁中小部件的使用
與我們更加熟悉的div標簽相比，部件標簽(section)對於瀏覽器和搜索引擎來說是具有指導意義的，一般情況下會用於文章內容中的標題、編號等內容，最大的好處就是，讓整個頁麵中的內容排列的更加有序，邏輯清晰。

第五點：網頁布局的側邊設計
側邊標簽中的內容並不是整個頁麵中的主題，而是對主體內容起到補充或解釋說明的作用，在HTML5語言廣泛應用之前，對於頁麵中此類元素，不同的前端工程師在標簽的使用上有著不同的習慣，基於HTML5開發的樣式中，此類情況得到了合理的統一。

第六點：網站底部設計
此元素的內容是包含更多關於他的父元素的內容。footer置於body之後將可以提供有關該頁麵的其他的信息內容。例如網站建設著的一些信息，相關文章的鏈接或者版權信息等等。此元素也可以被被應用於body之中不同的段中，可以給頁麵中不同段一些特定的其他信息。底部元素作用是將那些不適合在body中出現的內容展示在頁麵上，例如文章內容的版權信息、頁麵底部的內容導航、網站的ICP備案信息以及友情鏈接信息等，在HTML5版本之上，也增加了在底部內容中專用的標簽，供開發者使用。