使用自定义标签在 HTML 中包含适当的标签

Question

阅读What are the implications of using custom tags in HTML? 后，我决定不按照我计划使用它们的方式使用自定义标签，以便我遵循标准，并且机器人可以正确读取我的代码。虽然，我想知道是否不是为 divs 使用自定义标签，是否在自定义标签中包含这些 divs 仍然会对我的源代码造成任何负面影响。

我不会使用：<SomeDiv> 而不是 <div class="SomeDiv">

更多类似的东西：

<header>
  <nav>
    <div class="navWrap">
      <div class="navGutz">
        NAVBAR
      </div>
    </div>
  </nav>
  <logo>
    <div class="logo">
      LOGO
    </div>
  </logo>
</header>

<content>
  <left>
    <div class="myContent">
      <topContent>
        Main content and more divs
      </topContent>
    </div>
  </left>
  <right>
    <div class="sidebar">
      <news>
        News
      </news>
    </div>
  </right>
</content>

<footer>
  <div class="social">
    Social Links
  </div>
  <div class="copyright">
    Copyright
  </div>
</footer>

我问是因为我想使用标签而不是使用 cmets 来标记部分。这样，如果出于任何原因我想为整个部分添加样式，我就可以了。从视觉上看它似乎有点多余，但它会比示例中的内容更多。

所以要重申这个问题，使用自定义标签封装我的内容（符合标准）会对我的网站造成任何负面影响吗？无论是索引、爬取、评分等

Answer 1

您应该在DEV 上查看这篇文章。这篇文章是关于自定义 HTML 标签、Web 组件、自定义元素规范和一些 js 库的。