HTML文字語義標籤標準使用
阿新 • • 發佈：2020-11-04
練習原始碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="關鍵詞1，關鍵詞2，關鍵詞3"> <meta name="description" content="網站描述bla bla"> <title>網站標題</title> </head> <body> <!-- 段落文字標籤 --> <p>p</p> <!-- 原樣輸出標籤，原始碼格式 --> <pre>pre pre </pre> <!-- 換行標籤 --> <br> <!-- 對某些文字進行獨立控制，且無特殊語義情況 --> <span>span</span> <!--小號字型，多用於描述宣告類的內容 --> <small>small</small> <!-- 時間標籤，語義上更清晰 --> <time>2020-10-10</time> <!-- abbr描述一段簡寫的文字，全寫加在title屬性中 --> <abbr title="js是一門優秀的語言">js</abbr> <!-- 上標 --> h<sub>2</sub>o <br> <!--下標 --> 5<sup>2</sup> <br> <!-- del刪除 ins修正 --> 原價：<del>500元</del>，現價<ins>300元</ins> <!-- s表示不準確的內容 --> <s>川普特別靠譜</s> <!-- code語義上表示程式碼區域，想要展示效果需要結合外掛 --> <code> code code </code> <!-- 進度條 --> <progress value="30" max="100"></progress> <!-- 強調標籤 --> <strong>strong</strong> <!-- 突出文字 --> <em>em</em> <!-- 高亮，突出文字 --> <mark>mark</mark> <!-- cite引用 --> 這段文字來自<cite>後盾人</cite> <!-- 大段引用文字 --> <blockquote>失敗終將在堅持中踏過</blockquote> <address>地址標籤</address> </body> </html>