Nützliche HTML-Tags

HTML ist eine Sprache, die sich ständig weiterentwickelt, um sich den Bedürfnissen der Nutzer anzupassen.

Mit der aktuellen Version, Version 5, kamen sehr viele Tags hinzu. Vieles musste davor mit aufwendingem CSS und JS Code erstellt werden.

Dieser aufklappbare Bereich zum Beispiel

Er besteht nur aus den Tags <details> und <summary>.

Um den Rest kümmert sich HTML. Ich könnte natürlich noch etwas am Stylesheet arbeiten, aber auch im "natürlichen" Zustand ist das Ergebnis ganz passabel.

Keyboard Shortcuts

Ebenfalls sehr nützlich ist <kbd>. Damit lassen sich Tastaturkürzel (Keyboard Shortcuts) und - wie in diesem Fall Tags gut hervorherben.

Allerdings ist das Ergebnis sehr vom Browser des Nutzers abhängig, weshalb ich es hier mit einigen CSS-Codes gepimpt habe.

Beispiel Code

Weitere Informationen: https://www.w3schools.com/tags/tag_code.asp

Zitate mit Blockquote

Ähnlich wie <samp> funktioniert <blockquote>. Es ist allerdings für Zitate gedacht.

Ein Zitat, dass ich noch suchen muss.

Weitere Zitat-Elemente findest du hier: https://www.w3schools.com/html/html_quotation_elements.asp

Background Photo by Arnold Francisca on Unsplash