jquery - 通过隐藏 : good idea? 在 html 中包含数据节点

Question

我想将数据添加到仅动态显示的 html 页面(通过 jquery)。数据是 xml(所以实际上是 html dom 的一部分)。

现在我通过 css (.data { display:none; }) 和 html 隐藏它，如下所示:

<div id="section1">
<h2>Section 1</h2>
    <p>A visible paragraph </p>
    <!-- data that has to do with section 1 -->
    <data class="data">
       <eg1>some data</eg1>
       <eg2>more data</eg2>
    </data>
</div>

数据未显示，可以通过 jquery 轻松访问。

虽然这似乎工作得很好，但我现在想知道，在这个过程的早期，这种工作方式是否有一些我现在没有想到的缺点......

更新:

当然也与非 html 标签有关。但我可以使用

<div class="data">    
<div class="eg1>

同样容易:但即便如此，问题仍然存在。

感谢您的所有意见!

Answer 1

缺点是没有非 js 后备。对于健壮的代码，您要做的就是创建静态 HTML，以便显示所有内容。然后您使用 Javascript 隐藏“隐藏”数据并允许用户通过 links/fns/whatever 再次显示它。

这很有用，因为没有 JavaScript 的用户仍然可以看到所有内容，并且解释可见性的搜索引擎爬虫(或其他爬虫/机器人)也可能会发现它很有用。