语义化标签

语义化的作用：

• 易于用户阅读，样式丢失的时候能让页面呈现清晰的结构
• 利于SEO
• 易开发维护

<progress value="45" max="100">标签内部写无效</progress>  创建一个进度条

<header>这是一个页眉</header>

<main>主页面内容</main>

<footer>这里是页脚</footer>  

<aside>侧边栏</aside>

<nav>导航栏</nav>

<pre><code>var a = { name: 'wxm'}</code></pre>   
因为code不会保留换行和空格，需要配合pre一起使用

<mark>搜索后高亮显示我</mark>

<address>联系地址/联系方式</address>