HTML <main> 标签 前端 6666 朱雀 2020-04-08 15:32:47 `<section>`是HTML5新增的语义化标签之一。 **一.标签作用：** `<main>`标签用于创建页面中主要内容。 此标签中的内容在原则上不能是网站页面中重复出现的内容，比如不能是导航栏或站点版权信息等。 通过如下简单的布局结构对其进行分析：  布局简单分析如下： （1）.下部左侧是页面的主体部分，通常用`<div>`创建，用于显示页面的主要内容。 （2）.对其命名，HTML5之前的做法是id="main"。 现在我们可以使用`<main>`标签来替代`<div>`元素，主要优点如下： （1）.语义明确，便于搜索引擎和一些特殊设备识别。 （2）.减少了id="main"类似属性的应用，在一定程度上做到了减负。 **二.代码片段：** ``` <body> <herder> <nav></nav> </herder> <div id="content"> <main></main> <aside></aside> </div> <footer></footer> </body> ``` 上述代码对`<main>`做了一个结构演示，非常的简单，无非是作为页面的主要内容的容器。