HTML dfn和abbr标记以及title属性的正确用法

Question

我想弄清楚使用dfn标签以及title属性和abbr标签的正确方法是什么我不确定我是否正确地做了并且希望有人能告诉我是否有以下所有示例都是如果是正确或错误哪个例子是错误的,为什么我可以更好地理解我在做什么并纠正我的错误谢谢？

例1

<p><dfn>CSS</dfn> is a simple mechanism for adding style to Web documents.</p>

例2

<p><dfn title="Cascading Style Sheets">CSS</dfn> is a simple mechanism for adding style to Web documents.</p>

例3

<p><dfn title="A style sheet language used for describing the look and formatting of a document written in a markup language.">CSS</dfn> is a simple mechanism for adding style to Web documents.</p>

例4

<p><dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn> is a simple mechanism for adding style to Web documents.</p>

例5

<p><dfn title="CSS"><abbr title="Cascading Style Sheets">CSS</abbr></dfn> is a simple mechanism for adding style to Web documents.</p>

Answer 1

我觉得应该是：

<p>
  <dfn>
    <abbr title="Cascading Style Sheets">CSS</abbr>
  </dfn>
  is a simple mechanism for adding style to Web documents.
</p>

否则，如果它只包含一个带有 title 属性的 abbr 元素，那么 term 就是该属性的值。

MDN