正文開始:
在一開始html5課程當中我們介紹並且使用了許多元素來充實我們的網頁,而今天我們要談的是針對網頁版面而誕生的幾個元素,有沒有它們其實並不影響到網頁本身運作,但多了這些元素後可以使得別人可以針對元素去進行內容查詢。
1.header:header也就是版面最上方的位置,通常裡面含有LOGO、網頁名稱、網頁內搜尋欄、選單等等要素
2.nav:nav為選單的意思,之前我們使用的橫向清單大多都會出現在這裡
3.section:板塊,section標籤會把許多相關內容放置在此處,每個板塊內都會有許多的article,像是在新聞網上的每日頭條、運動、娛樂等等的板塊都是section所負責的內容
4.article:article為文章存放的地方,在HTML5中建議每篇單獨的文章最好都是放在各自的article標籤內
5.aside:aside,附加標籤,當他放置在article標籤內使用上來說我們會把像是引用文章、內容出處這些 附加內容放置在這裡,而像是友站連結、網誌右側上的文章日期超連結都可以歸類在article外的aside當中
6.footer:版面最下方的位置,俗稱的頁尾,提供像是版權資訊、隱私政策、使用條款,很多網頁也會把聯 絡信箱放置在此處
題外話:
a標籤有個特別的應用方法為連結到自己網站內的某個ID當中,使用方法為:
<a href="URL/#ID"></a>
我們可以提供一個a標籤連結到header當中並使用position的fixed屬性,就有許多論壇的回到最上方這個功能囉