提示/警告/错误退出的 HTML5 语义元素？答案

【问题标题】：HTML5 semantic element for Tip/Warning/Error pullouts?提示/警告/错误退出的 HTML5 语义元素？
【发布时间】：2012-07-25 05:32:42
【问题描述】：

我正在使用 XML 安全的 HTML5，并且想知道记录额外提示/警告/错误框的语义方式（如技术手册中常见的那些）：

<div class="info-tip" role="contentinfo">
    <p><strong>Tip:</strong> Holding the control key when doing this will make life easier.</p>
</div>

除非可能，否则我想使用更合适的元素。我什至不确定contentinfo 在这里是否合适。

添加：我正在寻找 DITA 中 <note> 元素的 HTML5 替代方案。

一点上下文：我将使用样式表（XSLT2 和 CSS）来重新格式化一些输出的内容。

【问题讨论】：

【解决方案1】：

语义上最接近的元素似乎是 <details> 元素 - usage

【讨论】：