Wo wir sind ist vorne.   /     HTML VON A BIS Z-Z IV: A Tag To Rule Them All

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Twitter.

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!

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

Retro

• Constantin: PSA (mental) health – [00:04:25]
• Moritz: Moritz: Neuer Blog / 11ty – [00:08:46]
  • Moritz‘ neuer Blog
  • Contrast Ratio Accessibility Tool
• Constantin: Hot-Tub-Stream – [00:14:57]
  • WWSIV auf Twitch
• Moritz: AI Rabbit Hole Tetris – [00:18:21]
  • Blog-Beitrag zum Checkbox-Tetris-AI-Experiment

Tagesthema – [00:26:10]

• <a> auf MDN
• Das allererste HTML-Dokument
• Moritz‘ <a>-Demo

1. download – [00:32:46]
2. href – [00:35:34]
   • Folge 50: HTML von a bis z-z I: Back to the root
   • Text Fragments auf MDN
   • caniuse: FragmentDirective / ::target-text CSS selector
   • Is Media Fragments Still Used?
   • The <video> and <source> tags
3. href-Protokolle – [00:50:00]
   • A Complete Guide To HTML Mailto Attribute
   • Fax-Protokoll RFC
   • registerProtocolHandler() auf MDN
4. hreflang – [00:59:24]
   • globales lang-Attribut auf MDN
5. ping – [01:01:16]
   • ping-Attribut auf caniuse
   • CSS-Tricks-Artikel zum ping-Attribut
   • DDoS: The Ping is the Thing: Popular HTML5 Feature Used to Trick Chinese Mobile Users into Joining Latest DDoS Attack
6. referrerpolicy – [01:07:40]
   • Referrer-Policy Header auf MDN
7. rel – [01:08:56]
   • rel-Attribut auf MDN
   • Folge 5: #BADA55 #C55 #C01025
8. target – [01:15:58]
9. type – [01:22:19]
10. Link-Accessibility – [01:23:04]
    • Moritz‘ Demo: Skip Links with CSS Transitions
    • WebAim: Skip Navigation Links
    • Contrast Ratio Accessibility Tool
    • WCAG 2.2 zu Focus Appearance
    • Folge 15: Semantic HTMHELL

GeilTeil

• Constantin: Feuer & Flamme (WDR) in der Mediathek – [01:48:40]
• Moritz: GitHub CodeSpaces – [01:54:03]
  • eleventy-base-blog auf GitHub

Das Ende – [01:58:29]