Fortgeschritten

HTML · Geübt - fortgeschrittene Muster und Performance

• Barrierefreiheit: alt, Überschriften-Hierarchie und ARIAMeistere Alternativtexte, eine Überschriften-Hierarchie, durch die Screenreader wirklich navigieren können, und einen ARIA-Einsatz, der auf die Fälle beschränkt bleibt, in denen natives HTML an seine Grenzen stößt.
• Fortgeschrittene Formulare und native ValidierungNutze required, pattern, inputmode und die Constraint Validation API für robuste Formulare ohne jede externe Bibliothek.
• Responsive Bilder: srcset, sizes und pictureLiefere das richtige Bild an den richtigen Bildschirm mit srcset und sizes, reserviere picture für Art Direction und meistere Lazy Loading.
• Technisches SEO: Open Graph und strukturierte DatenSteuere mit Open Graph, wie deine Seiten in sozialen Netzwerken in der Vorschau erscheinen, und strebe mit schema.org in JSON-LD nach Rich Results.
• Ladeperformance: defer, async, preload und prefetchOrdne die Ausführung deiner Skripte mit defer und async, steuere dann das Netzwerk mit preload, preconnect und prefetch.