HTML5中数据格式化的语义/最佳实践
HTML5中数据格式化的语义/最佳实践
提问于 2022-05-31 15:23:00
我一直试图找到使用HTML格式化随机数据集的最正确的方法。
在我的特殊情况下，我有这样的事情：
John Johnson
20K Service Due
2000 Honda Civic这不是一个段落，所以用<p>标记包装每行似乎不正确。
这不是一个列表，所以使用<ul>并用<li>标记包装每行似乎不正确。
将内容放置在<div>中，然后在每一行之后使用<br>，但似乎并不是最好的方法。
数据类似于一个地址，如果是的话，我可以这样做：
<address>
John Johnson<br>
20K Service Due<br>
2000 Honda Civic
</address>回答 1
Stack Overflow用户
发布于 2022-05-31 15:38:53
如果您只是简单地将数据推送到屏幕上，并且希望“知道”数据的格式，那么也许您可以用" data“属性标记每个元素，并在将其推到dom之前为其设置一个值。一旦您将数据属性(例如数据格式)设置为任何您喜欢的值，您就可以使用CSS来格式化它，并且可以根据您设置的值使用JavaScript来操作它。
let data_format = document.querySelectorAll('[data-format]')
data_format.forEach((element) => {
console.log(`Data Format = ${element.dataset.format}`)
})<div>
<li data-format="name">John Johnson</li>
<li data-format="service-date">20K Service Due</li>
<li data-format="model">2000 Honda Civic</li>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72450411
复制相关文章
相似问题
腾讯云开发者
