# Additional tests with HTML 5

## Section heading levels

## Level 1

Nested sections

### Level 2

reach at some level

#### Level 3

(depending on the document class and output format)

##### level 4

a level

###### level 5

that is not supported by the output format.

###### level 6

Unsupported in LaTeX and HTML5 (HTML5 reserves the 1st level for the document title).

###### level 7

Unsupported in HTML4.

###### level 8

Unsupported in ODT.

## Section titles with inline markup

### emphasized, H2O, x2, and references

### Substitutions work

Note, that the “reference name” for this section is derived from the content before substitution. This may be exploited to get intelligible IDs after identifier normalization of the section’s reference name.

## Embedded Images

The “embed” flag tells Docutils that it should try to embed the image in the output document.

If the image can be read from the local file system, it is base64 encoded and included as a data URI. In future, SVG images may be directly inserted into HTML5.

Embedded image in a figure.

Embedded inline image scaled to a height of 0.8 em.

## Moving images (video)

If the URL given to images and figures hints to a video format supported by HTML 5 (MIME types ‘video/mp4’, ‘video/webm’, or ‘video/ogg’), the HTML5 writer will place it in a video element.

left-aligned test video

A class option value “controls” tells the browser to display controls for video playback.

It is a good idea to include width and height attributes. If height and width are not set, the page might flicker while the video loads. According to the HTML5 spec, hight and width must be specified as pixel values.

test video in a figure

Simple test video in a centered figure

A video like this rotating pens video can be included inline via substitution.