将数据属性添加到没有值的苗条

Question

我有https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html的html <nav class="top-bar" data-topbar role="navigation">。但我不知道这是如何转变为苗条。

nav class="top-bar" role="navigation" data-topbar

这会导致问题，因为数据的顶栏没有价值。

nav class="top-bar" role="navigation" data-topbar=''

这是有效的纤薄，但它增加了，我不想=“”。有没有什么办法可以添加这个属性没有纤细的价值？

Answer 1

如果你写的是这样的：如果你写这样

<nav class="top-bar" role="navigation">data-topbar</nav> 

：

nav(class="top-bar" role="navigation" data-topbar) 

当你inspect代码，你会看到

nav class="top-bar" role="navigation" data-topbar 

您将获得本

<nav class="top-bar" data-topbar role="navigation"></nav> 

但是，当你复制DOM或查看源代码，你会得到这个（如每boolean attributes）

<nav class="top-bar" data-topbar="" role="navigation"></nav>