淺談HTML5網站製作佈局中的幾個基本要素

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

現今互聯網已經有很多從seo或者設計的角度分析HTML5所帶來的突破的資訊。 儘管據預測HTML5在2022年前不可能得到完全的支援，我們沒有理由不去熟悉一些關於HTML5的基本知識。

HTML5採用了新的語義豐富的元素，這些都可以很好的傳達web設計者以及瀏覽器的目的。 例如header，footer，aside，nav等標籤，這些標籤可以讓我們構架網頁的結構，允許瀏覽器就如何顯示頁面獲得更多的控制。 現今HTML5遇到的最大的問題就是瀏覽器的相容問題，一旦幾個主流的瀏覽器完成了對HTML5的相容，HTML5網站的載入速度將更快，網站的導航將更加的容易，頁面的內容也將更加的豐富。

下面筆者就簡單的列舉幾個html5中網站製作佈局的基本要素：

header：頭元素，該元素旨在作為網頁的一個片段或者增個頁面的介紹資訊的「容器」。 它可以包含網站的名稱、標記線、廣告口號或者公司的標誌。

nav：這個元素很明顯是應用於創建導航或者功能表列中的，但是關鍵的一點是，並不是所有在web頁面的連結都要必須在nav元素內，只有那些主巡覽列的連結才應該包含在該元素內。

section：對於section，我們可以說相對於div的無語義，section是帶有語義的div。 該標籤一般應用於文章的章節、標籤對話方塊中的標籤頁、或者論文中有編號的部分。

aside：這一元素代表的是與主要內容相關的內容，但並不屬於主要內容的一部分。 通常應用於引用於，側邊欄相關連結，廣告等等。

footer：此元素的內容是包含更多關於他的父元素的內容。 footer置於body之後將可以提供有關該頁面的其他的資訊內容。 例如作者的一些小傳資訊，到相關文章的連結或者版權資訊等等。 此元素也可以被被應用於body之中不同的段中，可以給頁面中不同段一些特定的其他資訊。

article：這一個元素所代表的內容也是顯而易見的，其主要應用於主內容中。 它比 section 具有更明確的語義, 它代表一個獨立的、完整的相關內容塊。 例如，一篇博客文章中，包含使用者提交的評論的 article 就應該潛逃在包含博客文章 article 之中。

HTML5可以說是一個亮眼的web設計語言。 新增加的獨特的標記，更直觀的新元素讓web設計更簡單直觀，塑造一個易識別有風格的網站佈局將不再是一件難事。 文章由江甯網站製作 HTTP://www.cootem.net/ 原創，轉載請保留我們的位址。