Testen Sie Ihre Fähigkeiten: Fortgeschrittener HTML-Text

Das Ziel dieses Fähigkeits-Tests ist es zu bewerten, ob Sie verstehen, wie man weniger bekannte HTML-Elemente für die Auszeichnung fortgeschrittener semantischer Merkmale verwendet.

Hinweis: Sie können Lösungen in den interaktiven Editoren auf dieser Seite ausprobieren oder in einem Online-Editor wie CodePen, JSFiddle oder Glitch.

Wenn Sie nicht weiterkommen, können Sie sich in einem unserer Kommunikationskanäle an uns wenden.

Aufgabe 1

In dieser Aufgabe möchten wir, dass Sie der bereitgestellten HTML-Datei einige semantische Merkmale hinzufügen:

Wandeln Sie den zweiten Absatz in ein Blockzitat um und kennzeichnen Sie semantisch, dass das Zitat aus Accessibility stammt.
Kennzeichnen Sie "HTML" und "CSS" semantisch als Akronyme und geben Sie Erweiterungen als Tooltips an.
Verwenden Sie Tief- und Hochstellungen, um die korrekte Semantik für chemische Formeln und Daten anzugeben und diese korrekt darzustellen.
Verbinden Sie maschinenlesbare Daten mit den Daten im Text semantisch.

Das fertige Beispiel sollte so aussehen:

Versuchen Sie, den Live-Code unten zu aktualisieren, um das fertige Beispiel nachzustellen:

Laden Sie den Ausgangspunkt für diese Aufgabe herunter, um in Ihrem eigenen Editor oder in einem Online-Editor zu arbeiten.