<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5</title>
</head>
<body>
<header>用在頁面或板塊的頭部</header>
<nav>導航標籤</nav>
<hgroup>
<h1>儂好</h1>
<h2>你好</h2>
</hgroup>
<section>清白之年</section>
<figure>
<img src="">
<figcaption>視頻</figcaption>
</figure>
<time datetime="0909">情人節</time><br>
<input type="text" list="123">
<datalist id="123">
<option value="js">js</option>
<option value="html">html</option>
<option value="css">css</option>
</datalist>
<details>
<summary>課程</summary><!-- 點擊三角，展開<p>的內容 -->
<p>js html css</p>
</details>
<address>作者信息</address>
<mark>標記的一句話</mark><br>
<progress value="78" max="200">
<!-- <span>89</span>% 向下兼容-->
</progress>
<footer>用在頁面或板塊的底部</footer>
</body>
</html>對頁面結構的劃分：
<header>用在頁面或板塊的頭部</header><footer>用在頁面或板塊的底部</footer><nav>導航標籤</nav><hgroup>：用於標題組合<section></section>:頁面上的板塊，用於劃分頁面上的不同區域，或者劃分文章裏不同的節<article></article>:用來在頁面中表示一套結構完整且獨立的內容部分<aside></aside>:用來表示主體的附屬信息，相關內容的引用，側邊欄，廣告~
相對獨立的語義化標籤：
<figure></figure>:對媒體元素的組合。<img>表示圖片。<figcaption></figcaption>表示視頻<time></time>:時間標籤,有個參數是datetime<datalist></datalist>:選項列表，(會有提示)與input配合使用，來定義input的值。input新增list屬性，其值是datalist的ID.<details></details>:用於描述文檔或文檔的某個細節，open是默認展開<summary></summary>:details元素的標題<dialog></dialog>:定義一段對話<address></address>:定義文章或頁面作者的詳細信息，顯示是傾斜<mark></mark>:需要標記的詞或句子，默認標記的背景是黃色<progress></progress>:進度條，屬性max表示最大限度，value表示此時的進度
