HTML5

insert elements

Joost van Meeteren


Links

W3C - HTML5 Audio.

W3C - HTML Images.

W3C - HTML5 Video.


Tutorialspoint.com - HTML5 - MathML Tutorial.

W3C - HTML5 SVG.

W3C - XML Tutorial.


W3C - HTML <embed> Tag.

W3C - HTML <iframe> Tag.

W3C - HTML <object> Tag.


Introduction

Based on the modular system, HTML5 web pages can embed different sorts of content. An external application like Flash, another HTML document, an audio track, a video or an image.

HTML5 allows embedding of multimedia by using the audio and video elements. The multimedia Flash, Java applets and PDF use for this purpose the object element.

All these embeddings in an HTML document are produced with external files.

Next to it we see another category of embedding where the XML applications MathML and SVG, and XML data are included in a HTML5 page as independent files (*.mml, *.svg) or as elements, modules (<math>...</math>, <svg ... >...</svg>) inside the HTML mark up.


Examples one

Inserting HTML5 elements

HTML5 audio (<audio>). Go to HTML5 - audio element inserted.

HTML5 image (<img>). Go to HTML5 - img element inserted.

HTML5 video (<video>). Go to HTML5 - video element inserted.


Examples two

Inserting independent file types

MathML. Go to HTML5 - MathML inserted.

SVG. Go to HTML5 - SVG inserted.

XML. Go to HTML5 - XML inserted.


Examples three

HTML5 embedding elements

HTML5 embed (<embed>). Go to HTML5 - embed element.

HTML5 iframe (<iframe>). Go to HTML5 - iframe element.

HTML5 object (<object>). Go to HTML5 - object element.


Joost De WebMaker
2002-2024 © Joost van Meeteren
Laatste update website: vrijdag 6 december 2024