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.
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.
Simple test video in a centered figure
A video like this can be included inline via substitution.