# HTML 相关

# 语义化标签

HTML5新增的标签及使用 (opens new window)

html语义化标签 (opens new window)

为什么要语义化：

代码结构可读: 使页面没有css的情况下，也能够呈现出很好的内容结构
有利于SEO: 爬虫依赖标签来确定关键字的权重，因此可以和搜索引擎建立良好的沟通，帮助爬虫抓取更多的有效信息
提升用户体验：例如title、alt可以用于解释名称或者解释图片信息，以及label标签的灵活运用。
便于团队开发和维护: 语义化使得代码更具有可读性，让其他开发人员更加理解你的html 结构，减少差异化。
方便其他设备解析: 如屏幕阅读器、盲人阅读器、移动设备等，以有意义的方式来渲染网页。

# 文档类型定义

<!DOCTYPE html>

1

# 布局标签

<header>定义一个页面或是区域的头部</header>
<div>
    <section>定义一个区域</section>
    <aside>定义页面内容的侧边框部分</aside>
</div>
<footer>定义一个页面或是区域的底部</footer>

1
2
3
4
5
6