使用自定义标签在 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>

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

因此，重申一下这个问题，用自定义标签封装我的内容（符合标准）是否会对我的网站造成任何负面影响？无论是索引、抓取、评分等

Answer 1

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

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

Using custom tags to incase proper tags in HTML

html

tags