HTML语义化（每天一个知识点）

什么是html语义化？

HTML语义化就是用合理、正确的标签来展示内容。
比如我们在指定一些标签的时候，如div、span，我们并不知道其定义的内容类型，但当我们用h1-h5标签，我们知道这是定义的一级标题，table我们知道定义的是表格，img我们知道定义的是图片。

语义化的优点

1. 易于用户阅读，样式丢失的时候可以让页面呈现清晰的结构。
2. 有利于seo，搜索引擎根据标签来确定上下文和各个关键字的权重
3. 方便其他设备监解析，如盲人阅读器根据语义渲染网页
4. 有利于开发和维护，语义化更具有可读性，代码更好维护，与CSS3关系更加和谐

主题结构

主要的语义化标签及含义

标签名	具体解释
<header>	<header>标签定义文档或者文档部分区域的页眉，主要用作放置介绍性内容的容器。
<nav>	<nav>用来定义导航链接块，但并不是所有的链接都应当位于nav块中
<main>	<main>用来定义文档的主要内容（一个文档中只能有一个）
<article>	<article>定义独立的自包含内容，如文档、博客、用户提交的评论等
<aside>	<aside>定义页面主要内容之外的某些内容，如侧边栏或嵌如内容（分类）
<footer>	<footer>定义文档的页脚，如版权信息，联系方式等
<section>	<section>表示文档的一个区域。