<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新增语义化标签</title>
</head>
<body>
<header>header：头部</header>
<nav class="nav">nav：导航</nav>
<main>
main用于指定文档的主体内容。<br>
唯一，网页只能用一次，不能是以下元素的后代header、nav、article、aside 或footer </main>
<section>section： 某个节 部分</section>
<article>article：章节 文章等</article>
<aside>aside：侧边栏</aside>
<footer>footer：底部 脚注</footer>
<figure>figure标签规定独立的流内容（图像、图表、照片、代码等等）
<p>小姐姐</p>
<img src="img/tupian.png" alt="" width="200px">
</figure>
<details>
<summary>标题</summary>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae aut, aspernatur veritatis repellendus aperiam praesentium minima ex doloribus, voluptate rem corrupti sunt quis illo ullam veniam eveniet mollitia. Sint, voluptatem.
</details>
<p>我们每天<time>8:50</time>上课</p>
<p>今年<time datetime="2022-2-14">情人节</time>一定要有<mark>女朋友</mark></p>
<progress min="0"max="100" value="20">进度</progress>
<meter min="0"max="100" value="50">你的浏览器不支持</meter>
<meter min="0"max="100" value="90" low="60" high="80">你的浏览器不支持</meter>
<hr>
<datalist id="car">
<option value="123">123</option>
<option value="456">456</option>
<option value="789">789</option>
</datalist>
</body>
</html>