+++LIVE+++ #WWSIV heute ab 20:00 Uhr LIVE auf Twitch! +++LIVE+++

HTML VON A BIS Z-Z IV: A Tag To Rule Them All

Folge №62 · Veröffentlicht am: · Spielzeit: 125 Minuten

Zurück aus der Winterpause sprechen wir in unserer HTML-Serie über das HTML-Tag, das dem World Wide Web seine Fäden verleiht: Das A-Tag, auch bekannt als Link (nicht der der immer mit der Prinzessin verwechselt wird). Dabei geht es um alle möglichen bekannten und unbekannten Attribute, Protokolle (mailto: mit Soße und Scharf), aber auch Barrierefreiheit, Styling und UX. Schärft eure Schwerter, Kopfhörer auf und rein da!

Shownotes

Begrüßung – [00:00:54]

Retro

Tagesthema – [00:26:10]

  1. download – [00:32:46]
  2. href – [00:35:34]
  3. href-Protokolle – [00:50:00]
  4. hreflang – [00:59:24]
  5. ping – [01:01:16]
  6. referrerpolicy – [01:07:40]
  7. rel – [01:08:56]
  8. target – [01:15:58]
  9. type – [01:22:19]
  10. Link-Accessibility – [01:23:04]

GeilTeil

Das Ende – [01:58:29]

Kommentare

Name

Scheppkommentierte

am

Moritz kann sich Mal die Beacon API anschauen, die in JavaScript-Land das Pendant zu dem ping-Attribut ist, also anders als ein XHR- oder Fetch-Request auch nach dem Seitenverlassen noch weiter lebt und seinem Ziel entgegenfliegt: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon
Die wird auch in Firefox unterstützt.

Name

Moritzkommentierte

am

❤️

Name

Scheppkommentierte

am

Framesets, die Microfrontends der 90er… ✨

Name

Constantinkommentierte

am

😂

Name

Meise2000kommentierte

am

Ein Gedanke zu den Werten prev und next am rel-Attribut:
Das man solche Listenkonstrukte hat, bei denen jeder Eintrag auch sowas wie eine Detailsseite hat, kommt ja öfter Mal vor.
1.) Folgen eines Podcasts
2.) Mails in einem Postfach
3.) Songs in einer Playlist
4.) …
Das man da von einer Detailsseite direkt zur nächsten springen kann ist schon recht praktisch. Ich hatte vermutet, dass die semantische Auszeichnung ggf. auch im Auto verwendet wird, um die – sofern vorhanden – Next und Previous Buttons am Lenkrad so zu belegen, dass der Sprung zum nächsten Eintrag ausgelöst wird. Das ist super praktisch, wenn man beim Hören seiner Playlist mal das ein oder andere Lied skippen möchte.
Ich hatte ja vermutet, dass die semantischen Informationen prev/next aus dem rel-Attribut irgendwie im Accessibility-Tree landen – ich sehe das aber weder im FF noch bei Chrome. Weiß jemand wie das funktioniert?

Name

Jankommentierte

am

Kleiner Hinweis: Feuerwehrfrauen und -männer tragen Atemluftflaschen auf dem Rücken. Also ganz normale Luft abgefüllt in Druckflaschen, keine Sauerstoffflaschen. 😉

Name

Moritzkommentierte

am

Danke für den Hinweis!

Kommentiere!
Folgendes HTML erlaubt
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

Die E-Mail-Adresse wird nicht öffentlich angezeigt.

Wir sind im Moment live auf Twitch!