A Visual Guide of main HTML 5's Tags

elementsyntaxvisual result (default)
header<header>header</header>
header
nav<nav>navigation</nav>
section<section>section<h2>should have a heading</h2></section>
section

should have a heading

article<article>article<h3>should have a heading</h3></article>
article

should have a heading

aside<aside>aside</aside>
footer<footer>footer</footer>
footer
figure & figcaption<figure><img src="./images.d/favicon_ter.png" alt="an image" /><figcaption>figcaption : a sample image</figcaption></figure>
an image
figcaption : a sample image
embed<embed src="none.swf" width="100" height="40" />
audio<audio controls><source type="audio/mp3" src="./media.d/sound.mp3" /></audio>
video<video autoplay><source type="video/mpeg" src="./media.d/video.mpeg" /></video>
time<time>08:30</time>
var<var>variable</var>variable
mark<mark>mark</mark>mark
dfn<dfn>definition</dfn>definition
canvas<canvas>canvas</canvas>canvas
svg<svg width="400" height="120"><text x="10" y="15" font-size="10" fill="blue">https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html</text><line x1="10" y1="100" x2="200" y2="20" stroke-width="2" stroke="black" /><rect x="200" y="20" width="150" height="100" fill="#00FF00" stroke="red" stroke-width="1" /></svg>https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html
blockquote<blockquote cite="source">blockquote</blockquote>
blockquote
code<code>code</code>code
abbr<abbr>abbr: abbreviation</abbr>abbr: abbreviation
del<del>del: delete</del>del: delete
ins<ins>ins: insert</ins>ins: insert
kbd<kbd>kbd: keyboard</kbd>kbd: keyboard
samp<samp>samp: sample</samp>samp: sample

https://www.w3.org/html/logo/downloads/HTML5_Logo_64.png

CSS Valide !

Sun, 24 Sep 2017 20:32:44 +0200