Open Graph & Metadata
Inspect the page source to view og: tags used for rich link previews across social platforms. For deeper comparison, visit the OG Use Case Comparison page.
Forms & Validation
Media Embeds
Also try <audio>, <iframe> (for YouTube), or <picture> with srcset.
CSS Animations
Accessibility Helpers
Use aria-label, role, and semantic tags. Test tab navigation and screen reader output.
Dark Mode Query
This section adjusts based on user’s OS dark mode.
Tips & Gotchas
- Use
loading="lazy"for<img> - Use
<details><summary>for expandable sections <dialog>works natively now with JS