Surveys / State of HTML 2023
This survey closed on October 19, 2023. View Survey Results »

3/9Content

Embedding, multimedia, data, and other content-related features.

  1. Lazy loading
  2. srcset and sizes attributes
  3. Resource Hints (all)
  4. Content-Security Policy (CSP)
  5. fetchpriority attribute
  6. blocking="render"
  7. <model> for AR/VR/3D content
  8. controlslist attribute
  9. External Content Elements
  10. Security & Privacy Features
  11. Machine-Readable Data
  12. Internationalization Features
  13. Content Pain Points

Load certain resources only when needed.

html 
<img src="picture.jpg" loading="lazy" />
<iframe src="supplementary.html" loading="lazy"></iframe>
Tell us more:
Tell us more:
Tell us more:

Attributes that allow providing several source images with hints to help the browser pick the right one.

html 
<img
  srcset="fairy-med.jpg 480w, fairy-large.jpg 800w"
  sizes="(max-width: 600px) 480px, 800px"
  src="fairy-large.jpg"
  alt="Elva dressed as a fairy" />
Tell us more:
Tell us more:
Tell us more:

Begin work on certain resources early to improve performance. Syntax: <link rel="pre* | dns-prefetch | modulepreload">.

html 
<link rel="preload" href="picture.jpg" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com/" />
Tell us more:
Tell us more:
Tell us more:

A set of directives from a website to a browser, that helps to detect and mitigate XSS attacks.

http 
Content-Security-Policy: script-src 'self';
Tell us more:
Tell us more:
Tell us more:

Allows specifying a hint to help the browser prioritize fetching various resources.

html 
<img src="logo.svg" fetchpriority="high" />
Tell us more:
Tell us more:
Tell us more:

Block rendering (but not parsing) until certain resources have been loaded. Available on <link>, <script> and <style>.

html 
<script blocking="render" async src="async-script.js"></script>
Tell us more:
Tell us more:
Tell us more:

Allows embedding 3D models in HTML with built-in controls.

html 
<model src="3d-assets/car.glb"></model>
Tell us more:
Tell us more:
Tell us more:

Prevent certain controls from appearing in the toolbar of a media element.

html 
<video src="fun.mp4" controlslist="nodownload"></video>
Tell us more:
Tell us more:
Tell us more:

Check all that apply.

Check all that apply.

Check all that apply.

Check all that apply.

Think of embedding (multimedia, iframes, SVG, etc), machine-readable data, internationalization & localization, security & privacy, performance etc. Missing features, browser incompatibilities, and other problems you face are all fair game.

Next sectionWeb Components
Previous section Interactivity
State of HTML 2023