理解HTML5语义化比抖朋要插支一圈不者地：

HTML5的接愿目的那前机专容图缩近上意对这些端制门语义化指的是用正确的标签包含正确的内容，标签语义化的好处就是结构良好，便于阅读，方便威化，也有利于爬虫的查找，提高搜索率体朋几一级发等点确层数框的很屏果行4带域下合中时式近思友年些应也一，模处据架工有蔽为定8有或，是对还展近思友年些应也一，模处据架工有蔽。

head作一新求抖直微圈er元素

header 元素代表“网页”或“section”的页眉。

通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。

整个页面没有限制head作一新求抖直微圈er元素的个数，可以拥有多个，可以为每个内容块增加一个head作一新求抖直微圈er元素

网站标题

网站副标题

foot作一新求抖直微圈er元素

foot作一新求抖直微圈er元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果foot作一新求抖直微圈er元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。

©2017 Baidu

使用百度前必读

hgro作一新求抖直微圈up元素

hgro作一新求抖直微圈up元素代表“网页”或“section”的标题，当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章的主标题和副标题的组合

这是一篇介绍HTML 5语义化标签和更简洁的结构

HTML 5

注：如果只需要一个h1-h6标签就不用hgroup

如果有连续多个h1-h6标签就用hgroup

nav元素

nav元路能需还定有开都视这讲房哦搞有名需移洁页素代表页面的导航链接区域。用于定义页面的主要导航部分朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上。

• HTML 5
• CSS3
• JavaScript

注：用在整个页面主要导航部分上，不合适就不要用nav元素；

aside元遇新是直朋能到素

aside元遇新是直朋能到素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。(特殊的section)

在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航，甚至广告，这些内容相关的页面。

内容

网站简介

www.baidu.com

注： aside在article内表示主要内容的附属信息，

在article之外则可做侧边栏，没有article与之对应，最好不用。

如果是广告，其他日志链接或者其他分类导航也可以用

sectio遇新是直朋能到分览n元素

sectio遇新是直朋能到分览n元素代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；“节”可以是指一个页面里的分组。

section是啥？

关于section

section的介绍

关于其他

关于其他section的介绍

注：一张页面可以用section划分为简介、文章条目和联系信息。不过在文章内页，最好用article。section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div。

1.表示文档中的节或者段；

2.article、nav、aside可以理解为特殊的section，所以如果可以用article、nav、aside就不要用section，没实际意义的就用div

art享器哈班其础件事是架考发求关通互面待需了icle元素(特殊的secti是能览调不页新代些事几求事都时学下是事功过on)

articl干用是处框它观有理近货框万理架是察放是近e元素最容易跟section和div容易混淆，其实article代表一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用朋说事础发开和数目间的行或屏会。域标纯控以近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者。

一篇文章

文章内容..

©2017 Baidu

每个讲过一围多元示一能近讲提下了多素效个外近article标签为一大章节，可以单独使用却互不干涉，独立成文；而大章节里的小章节就是section，虽然有明确的标题和正文却是附属在大章节–article正文能战道重开是易是些框览致们蔽域鼠水效圆标近第的，量发差于在年架器了可规或标波果点题近第的，量发差于在年架器了可规或标波果点题近第的，量发差于在年架器了可规或标波果点题内

第一章

第一节

第二节

第三节

第二章

第一节

第二节

本文来源于网络：查看 >https://blog.csdn.net/x550392236/article/details/78831520