HTML-теги dfn и abbr и правильное использование атрибута title

Question

Я пытаюсь выяснить, какой правильный способ использовать тег dfn вместе с атрибутом title и abbr тег Я не уверен, что я это делаю правильно, и надеялся, если кто-нибудь скажет мне, если кто-то, если не все мои примеры ниже, верны или неправильны, если так, то какой пример (ы) неправильный и почему я могу лучше понять, что я делаю, и исправить мою ошибку (s) Спасибо?

Пример 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> 

В противном случае, если она содержит только элемент сокр с атрибутом заголовка, то этот термин является значением этого атрибута.

MDN

Answer 2

Они все «правильно» в смысле соответствия ослабленные определения abbr и dfn в HTML спецификаций и чертежей. Заявление здесь вообще не является определением (он говорит что-то о CSS, вместо того, чтобы указывать его основные функции, необходимые для того, чтобы отличить его от других объектов, а «CSS» на самом деле не аббревиатура, а имя, хотя и номинально образовано как аббревиатура некоторые слова. Но спецификации настолько расплывчаты, что даже разметка в вопросе вполне может быть истолковано как соответствующие «семантику» этих элементов.

вопрос скорее академический, так как abbr и dfn не имеют почти никакого влияния на что-либо но некоторые функции рендеринга по умолчанию, и вы могли бы и должны использовать правила CSS, которые либо подтверждают, либо переопределяют такой стиль, а затем вы можете использовать почти span.