人们对确认、错误和警告消息的语义 HTML 有何看法?
目前我有一些简单的东西,例如:
<div class="message message-warning">
<h3>Message Title</h3>
<p>Message text</p>
</div>
由此message-warning
类被替换为message-confirmation
or message-error
如果消息是不同类型。
有没有更语义化的方式来标记它?
我可以建议吗<figure>
?
摘自HTML5医生 http://html5doctor.com/the-figure-figcaption-elements/(而他们,从W3C http://dev.w3.org/html5/markup/figure.html):
图元素表示一个内容单元,可以选择带有标题,它是独立的,通常作为文档主流程中的单个单元进行引用,并且可以从文档主流程中移走,而无需影响文档的含义。
我们先来回答一下问题:
- 这样的对话框是一个单元吗?Yes
- 这样的对话框是独立的吗?Yes
- 这样的对话框可以从文档中移走而不影响文档的含义吗?Yes
是的,它适合<figure>
完美。
并且,<figcaption>
对于标题栏/标题特别有用。
所以,我会选择<figure>
甚至没有尝试进一步查看:
<figure id="dialog-box" class="warning">
<figcaption>Message Title</figcaption>
<p>Message text</p>
</figure>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)