# html-examples

**Repository Path**: mirrors_mdn/html-examples

## Basic Information

- **Project Name**: html-examples
- **Description**: Code examples that accompany the MDN HTML documentation: https://developer.mozilla.org/en-US/docs/Web/HTML
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# html-examples
Code examples that accompany the MDN HTML documentation: https://developer.mozilla.org/en-US/docs/Web/HTML.

The directory contents are as follows:

* **ARIA annotations**: Examples demonstrating the use of [ARIA annotations](https://wiki.developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Annotations): [See examples live](https://mdn.github.io/html-examples/aria-annotations/) 

* **link-rel-preload**: Examples demonstrating the use of <code>&lt;link rel="preload"&gt;</code>. You can see them live here: [fonts example](https://mdn.github.io/html-examples/link-rel-preload/fonts/) | [video example](https://mdn.github.io/html-examples/link-rel-preload/video/) | [JS and CSS example](https://mdn.github.io/html-examples/link-rel-preload/js-and-css/) | [media example](https://mdn.github.io/html-examples/link-rel-preload/media/)

* **SVG lengths with CSS dynamic units**: Example showing how [CCS dynamic viewport lengths can be used to set the `height` and `width` attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg#using_dynamic_viewport_lengths): [See live example](https://mdn.github.io/html-examples/svg-dynamic-lengths)