HTML语义化

HTML语义化

为什么要标签语义化？

有利于SEO

代码结构好，更具可读性，便于团队开发和维护

提升用户体验

方便其它设备解析

常见的语义标签

<h1>~<h6>

<em>标记内容着重点（大量用于提升段落文本语义），通常呈现为斜体文字。

<header> 用于定义页面的介绍展示区域，通常包括网站logo、主导航、全站链接以及搜索框。也适合对页面内部一组介绍性或导航性内容进行标记。

<nav>  定义页面的导航链接部分区域，不是所有的链接都需要包含在<nav>中，用在主要导航部分上。

<main>  定义页面的主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

<article>  定义页面独立的内容，它可以有自己的header、footer、sections等，专注于单个主题的博客文章，报纸文章或网页文章。

<section>  元素用于标记文档的各个部分，例如长表单文章的章节或主要部分。

<aside>  定义与主要内容相关的内容块。通常显示为侧边栏。

<footer>定义文档的底部区域，通常包含文档的作者，著作权信息，链接的使用条款，联系信息等

 <article> <section> 的应用

在H5中，如果一块内容相对来说比较独立的、完整的时候，应该使用article元素，但是如果你想将一块内容分成几段的时候，应该使用section元素。