main标签可以嵌套在div里面使用吗

FontSize: 【小中大】

<main>标签，可以嵌套在<div>中使用，不会对SEO有不利的影响。

HTML5中，元素嵌套使用，在技术上来说没有问题，我们所发出的问题，是遵从标签语义和有利于SEO为出发点。

<main>标签是可以嵌套在div下面的，例如

<body>
  <header>
  </header>
  <div>
    <main>
      <!-- 页面主要内容 -->
    </main>
  </div>
  <footer>
  </footer>
</body>

<main>标记嵌套在<div>元素中。<div>元素可用于对其中的内容进行分组和设置样式，而<main>标签代表网页的主要内容。

将<main>标记嵌套在<div>下允许您应用特定样式或将其他结构应用到主要内容区域。但是，需要注意的是<main>标签的使用本身已经提供了语义，因此将其嵌套在<div>下的决定应根据您网站设计和布局的具体要求。

至所以有此一问，是因为<main>相当重要，再次强调，<main>标签不要重复使用，一个网页里面最好只有一个<main>标签，在HTML中，有些标签是不能或最好不要重复使用的，例如<h1>，<h1>和<main>差不多都是表示强调。另外，标签的id属性的值，也不要重复，id值应该是一个网页中唯一的，如果js文件是整个网页公用的，并且里面要使用到id，那整个网站的id值都不要是重复的。