Gibt es ein HTML-Element, das ich verwenden kann, um "das ist, was ein Akronym bedeutet", in Fällen, in denen ich die volle Bedeutung im Text und nicht in einem Tooltip auf einem <abbr>
Element angezeigt werden soll.
Zum Beispiel möchte ich die Definition von "CSS" aufschreiben, und ich setze
%Vor% Welches Element kann ich verwenden, wo ich jetzt mark
missbraucht habe?
PS: Sie könnten darüber nachdenken, überhaupt kein Markup zu verwenden, aber ich möchte den Namen kursiv hervorheben, also brauche ich etwas!
Leider hat HTML kein dediziertes Element, das die erweiterte Form einer Abkürzung darstellt.
Dieses Beispiel aus der HTML5-Spezifikation für abbr
scheint ziemlich nah an Ihrem Anwendungsfall zu sein, außer dass die Abkürzung nach der Erweiterung in einem Absatz erscheint, nicht in einem dd
-Element nach einem dt
, das die Abkürzung enthält. In diesem Beispiel wird ein dfn
-Element verwendet, um die Erweiterung zu markieren:
Basierend auf der Beschreibung von dfn
, was sagt (Betonung meiner):
Das Element
dfn
repräsentiert die definierende Instanz eines Begriffs. Der Absatz, die Beschreibungslistengruppe oder der Abschnitt, der der nächste Vorgänger des Elementsdfn
ist, müssen auch die Definition (en) für den Begriff enthalten, der vom Elementdfn
angegeben wird.
Sie sollten Ihren Inhalt ähnlich markieren können:
%Vor% Ich bin mir jedoch nicht sicher, ob es für ein dfn
angemessen ist, in einer dd
statt in der zugehörigen dt
zu erscheinen, sogar innerhalb derselben dl
. Wenn Sie das stört, ist die nächste Alternative, ohne auf span
zurückgreifen zu müssen, i
:
(und ich würde wahrscheinlich auch dfn
als Kind von dt
und Eltern von abbr
stattdessen hinzufügen)
Verwenden Sie entweder
%Vor%oder verwenden Sie einen Bereich mit einem Datenattribut-Tag, z. B.
%Vor%oder
%Vor%Wenn dies für Akronyme ist, können Sie auch "Short for" entfernen und einfach
haben %Vor%und dann ein weiterer Eintrag
%Vor%Tags und Links html semantic-markup