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, , and references
Substitutions work
Note, that the “reference name” for this section is derived from the content before substitution. You can link to it with the phrase reference “substitutions fail”. This behaviour may be exploited to get intelligible IDs after identifier normalization of the section’s reference name.
Embedded images
The image_loading setting can be used to tell the “html5” writer to embed still images in the output document. [1] SVG images are directly included, other images are base64 encoded and included as a data URI.
Embedded PNG image in a figure.
Embedded SVG image in a figure.
Embedded inline PNG image and SVG image
scaled to a height of 0.8 em.
The :loading: option of “image” and “figure” directives overrides the image_loading setting for the respective image.
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.