文章1
簡介
HTML5之HTML元素擴充(上)—新增的元素及使用概述_html5教學技巧
- WBOY原創
- 2016-05-16 15:49:551736瀏覽
考慮我們開發一個頁面的過程：
1.設計頁面的結構 - HTML：這個過程是使用各種HTML元素建立網頁的結構。
2.設計頁面的外觀 - CSS：這個過程是使用CSS去改善網頁的外觀。
3.設計頁面的行為 - Javascript：這個過程是賦予網頁的元素一定的行為。
上面這些除了CSS外，HTML5在另外兩個方面都不同程度的進行了擴充。這個系列是集中在第一個方面。在前面，我們已經學習了複雜的canvas和svg元素，以下的章節會總結其他HTML5增加的元素。
結構型元素
HTML5中加入了全新的結構型元素，例如頁眉header，頁腳footer，導航nav，內容article，章節section等。意義如下圖所示：
除了這個整個頁面的結構型元素，html5也加入了區塊層級的語意元素，例如輔助元素aside，圖片元素figure，細節描述元素details等。這些元素除了更能顯示頁面的佈局含義外，與普通的div並沒有其它的區別，仍然需要靠CSS去展示這些元素。這裡就是簡單看一個小例子：
複製代碼
代碼如下:陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn