HTML

標籤參考:

Coding Style 參考:

標籤參考:

TagDescriptionReference
header網頁的頂部,網頁最重要形象和資訊都會放在這裡,如 logo、網站名詞等MDN
nav網站的導航連結或選單MDN
aside直譯是「旁白」,表示文章以外的內容,通常用在文章內容側欄
article網頁可以有很多文章(如 blog),這時可以用 article 區分文章內容MDN
section文章內的章節或小段落,通常會有一個 headingMDN
footer網頁的底部,通常是作者相關資訊,如著作權、作者名、使用什麼引擎等MDN

用語音標籤的好處是,看標籤就知道該內容應該會是什麼功能,在查看和維護會變得更容易。

另外在 SEO 也是會有幫助的

通常用在定義或是名詞解釋等。

  • dl Definition List,清單
  • dt Definition Term,項目
  • dd Definition Description,描述

一個 dl 裡面,會有很多組 dt + dd,dt + dd 是一組一組的搭配,dd 會自動產生縮排的效果。

與 li 不同的是,它預設 dd 就會自動縮排,而 li 需要再包一層 ul 才行。所以單純的項目列表還是用 li 會比較明確,而一個主項目和一個單行描述的組合,用 dl 會比較合適。

設定 form 元件的標示,可用文字或圖片。一個標示可以指定一個 input,當 user 點擊 label 的時候,就等同點擊 input。

Attributes:

AttributeValueDescriptionExampleRemark
forinput id設定該 label 所指定的 input<lable for="text">Text</lable>
formform id設定指定的 form id,有多個的話可以用空格分隔HTML5 新增

無作用連結的做法:

<a href="javascript: void(0)">連結</a> 

另解

<a href="#">連結</a> 

參考