HTML 標題(Headings)
- 標題(headings)包含h1~h6
- 搜尋引擎會透過標題(headings)來索引整個網頁的內容
- 不要用標題(headings)，來放大字體或粗體，請用css做
The HTML <head> 元素
- <head>跟headings一點關係都沒有
- <head>的職責在於中繼資料(metadata)的宣告，中繼資料(metadata)並不會顯示在畫面上，但是是跟HTML文件有關的資料
中繼資料(metadata)
中繼資料(metadata)包含以下幾種資訊:
- 文件標題<title>
- 字元集/字元編碼(character set)
- 樣式(style)
- 外部連結(links)
- 腳本(scripts)\
- 其他
<p>、<br>、<pre>
- <p></p> 段落
- <br> 換行
- <pre></pre> 保留原本一段文字的換行
格式設置(formatting)
word中可以對文字做的格式配置，HTML都有相對應的標籤
- <b></b> 粗體(bold) = <strong></strong> 功能與粗體相同，多了"重要"的概念
- <i></i> 斜體 (italic) = <em></em> 功能與斜體相同，多了"重要"的概念
- <mark></mark> 標記(黃底標記)
- <small></small> 相對於旁邊較小
- <del></del> 刪除線
- <ins></ins> 底線
- <sub></sub> 下標字
- <sup></sup> 上標字
罕見的標籤(沒什麼用處)
- <q></q> 用於較短的引言，瀏覽器通常會在文字前後加上引號
- <blockquote></blockquote> 一個區塊的引言，通常是來自另一個來源
- <abbr></abbr> 縮寫，可以幫助搜尋引擎及翻譯系統功能更齊全
- <address></address> 網站的作者或擁有者聯絡資訊
- <cite></cite> 通常用於"作品"的標題
- <bdo></bdo> 可以改變文字的方向，由左至右 / 由右至左
注釋(comments)
HTML註解的寫法 <!-- 內容 -->
source code: https://github.com/ShawnTseng/HTML5-practice/commit/a825251a5d3e6637e18f7012a9a39546683d5ec5
沒有留言:
張貼留言