語意元素

  • New tags:新的標籤,像是 <header><section>
  • Application tags:也是新的標籤,像是 <meter><progress>
  • Microdata:加入語意的資料讓搜尋引擎等網站可以正確顯示
  • Form type:<form> 可以加入的 type 便多了,包含 email 和 tel 等屬性,瀏覽器會協助進行資料格式的驗證
  • 有特殊意義的元素,由名稱可以了解到它與其他內容的差異。
  • 語意元素全部都是 block elements

名稱 描述
article 通常擁有自己的標題
<article> 中,還可以在包含 <article>
表示網頁中一段完整的文件,或可單獨使用的文件
aside 適合放置廣告
details 定義使用者可顯示或隱藏之額外詳細資料
figcaption 描述圖片的標題
figure 用來包含影像及其說明,以便將圖及說明一連結在一起。
section 內容區塊,有點類似POST的,而此標籤可再包覆header與footer。
可以將一段文章,分成好幾個 <section>
header 版頭,可甩來包覆logo。
可以加入 table
可以加入搜尋表單
可以加入 <nav>
footer 一個網頁中,可以有多個 <footer>
適合用來表示版權資訊
適用用來表示相關的文章連結資訊
版尾用來放置一些版權宣告、 隱私條件 、合作提案...等訊息。
main 一個 <main> 在一個網頁裡面只能出現 一次
<main> 不能被放到 <article><aside><footer><header><nav> 裡面。
mark 文字中要突顯的部分
nav 導覽列
summary 定義 <details> 元素之可見標題
time 適合用來表示時間

題庫解析:2-36, 2-38, 2-40, 2-41

figure

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

http://www.w3schools.com/TAgs/tag_figure.asp http://www.w3schools.com/TAgs/tag_figcaption.asp

題庫解析:2-11

延伸閱讀

results matching ""

    No results matching ""