HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google MapsHTML5 新增元素
HTML5 新增一些有字面意義的元素，使我們讀取程式碼時更方便理解程式碼所對應之內容。
語義元素
| 元素名稱 | 解釋 |
|---|---|
| <article> | 用於包含文章 |
| <aside> | 用於包含旁白 |
| <details> | 額外細節(具有展開效果) |
| <figcaption> | 說明圖片內容，作用於 <figure> 內 |
| <figure> | 利用此元素包住 <img> 及 <figcaption> |
| <footer> | 文檔底部 |
| <header> | 用於包含文檔的頁眉 |
| <main> | 用於包含文檔的主要資訊 |
| <mark> | 高亮文字，有螢光筆的效果 |
| <nav> | 用於導航欄 |
| <section> | 文章的結 |
| <summary> | 細節標題 - 搭配 <details> 使用 |
| <time> | 時間 |
非語義元素
| 元素名稱 | 解釋 |
|---|---|
| <bdi> | 在一段文字內利用此元素可以將元素內的文字改向 |
| <dialog> | 對話框 |
| <meter> | 進度條，利用屬性min,max定義最小最大值，利用屬性value決定當前數值 |
| <progress> | 進度條的一種，但常用於當作物件載入時所完成的進度 |
| <rp> | Defines what to show in browsers that do not support ruby annotations |
| <rt> | Defines an explanation/pronunciation of characters (for East Asian typography) |
| <ruby> | |
| <wbr> | 不換行 |
何謂語義元素
語義元素是指這個元素本身在整個網頁排版上是有意義的，比如<table>，而反過來說，非語義元素就是指<div>
語多網站會利用<div id="nav">、<div class="header">、<div id="footer">去製作導航欄、頁眉、頁尾，但是全部都用<div>有點無法一時分清，因此在 HTML5 中乾脆直接將這些常用的ID值轉成「語義元素」如<nav>, <header>, <footer>