Computer: Makeuper: HTML: Headings
連結
回到 Computer ‧ 回到 Computer: Makeuper
回到 Computer: Makeuper: HTML
標題
標題可以用來標示文件結構,這裡也不用多說,直接給大家看範例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5" /> <title>好孩子的 HTML 教室</title> </head> <body> <h1>好孩子的 HTML 教室</h1> <h2>前言</h2> <h2>認識 HTML 標籤</h2> <h3>基礎 HTML</h3> <h3>進階 HTML</h3> <h2>其他注意事項</h2> </body> </html>
從前一課貼上來骨架之後,我們改了 <title> 標籤裡的文字,然後在 <body>...</body> 之間填入文章的架構。<h1> 是最大的標題,是整篇文件的主題;<h2> 是第二級的標題,也就是說,第一章是〈前言〉、第二章是〈認識 HTML 標籤〉……等等;<h3> 是第三級的標題。
如此應該就很清楚了吧?
至於用法,就如前面範例所寫,把標題文字包在 h 標籤裡面就好。
額外小知識
- 有許多網誌等等會用到 <h1> 和 <h2> 等等,這方面要看個別情形而定。不過也有很多人寫網誌是不用標題的,畢竟每篇都只是簡短的小文章而已,沒必要硬是要劃分章節。