HTML5 tags syntax
HTML5 element | Elements Correct Syntax | Start tag | End tag | Observations | Demo | |
---|---|---|---|---|---|---|
!DOCTYPE | : | <!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!doctype HTML> | required | - | case-insensitive | video |
a | : | <a> ... </a> | required | required | - | video |
abbr | : | <abbr> ... </abbr> | required | required | - | video |
address | : | <address> ... </address> | required | required | - | video |
area | : | <area> | required | - | void element | video |
article | : | <article> ... </article> | required | required | - | video |
aside | : | <aside> ... </aside> | required | required | - | example |
audio | : | <audio> ... </audio> | required | required | - | |
b | : | <b> ... </b> | required | required | - | video |
base | : | <base> | required | - | void element | video |
bdi | : | <bdi> ... </bdi> | required | required | - | video |
bdo | : | <bdo> ... </bdo> | required | required | - | video |
blockquote | : | <blockquote> ... </blockquote> | required | required | - | video |
body | : | <body> ... </body> <body> ... ... <⁄body ... | may be omitted IF... | may be omitted IF... | IF... (conditions) | examples |
br | : | <br> | required | - | void element | video |
button | : | <button> ... </button> | required | required | - | |
canvas | : | <canvas> ... </canvas> | required | required | - | |
caption | : | <caption> ... </caption> | required | required | - | video |
cite | : | <cite> ... </cite> | required | required | - | video |
code | : | <code> ... </code> | required | required | - | video |
col | : | <col> | required | - | void element | video |
colgroup | : | <colgroup> ... </colgroup> <colgroup> ... ... <⁄colgroup ... | may be omitted IF... | may be omitted IF... | IF... (conditions) | video |
data | : | <data> ... </data> | required | required | - | video |
datalist | : | <datalist> ... </datalist> | required | required | - | video |
dd | : | <dd> ... </dd> <dd> ... | required | may be omitted IF... | IF... (conditions) | video |
del | : | <del> ... </del> | required | required | - | video |
details | : | <details> ... </details> | required | required | - | video |
dfn | : | <dfn> ... </dfn> | required | required | - | video |
dialog | : | <dialog> ... </dialog> | required | required | - | |
div | : | <div> ... </div> | required | required | - | video |
dl | : | <dl> ... </dl> | required | required | - | video |
dt | : | <dt> ... </dt> <dt> ... | required | may be omitted IF... | IF... (conditions) | video |
em | : | <em> ... </em> | required | required | - | video |
embed | : | <embed> | required | - | void element | |
fieldset | : | <fieldset> | required | - | void element | |
figcaption | : | <figcaption> ... </figcaption> | required | required | - | video |
figure | : | <figure> ... </figure> | required | required | - | video |
footer | : | <footer> ... </footer> | required | required | - | video |
form | : | <form> ... </form> | required | required | - | |
h1..h6 | : | <h1> ... </h1> <h2> ... </h2> <h3> ... </h3> <h4> ... </h4> <h5> ... </h5> <h6> ... </h6> | required | required | - | video |
head | : | <head> ... </head> <head> ... ... <⁄head ... | may be omitted IF... | may be omitted IF... | IF... (conditions) | examples |
header | : | <header> ... </header> | required | required | - | video |
hgroup | : | <hgroup> ... </hgroup> | required | required | - | video |
hr | : | <hr> | required | - | void element | video |
html | : | <html> ... </html> <html> ... ... <⁄html ... | may be omitted IF... | may be omitted IF... | IF... (conditions) | video |
i | : | <i> ... </i> | required | required | - | video |
iframe | : | <iframe> ... </iframe> | required | required | - | video |
img | : | <img> | required | - | void element | video |
input | : | <input> | required | - | void element | |
ins | : | <ins> ... </ins> | required | required | - | video |
kbd | : | <kbd> ... </kbd> | required | required | - | video |
keygen | : | <keygen> | required | - | void element | |
label | : | <label> ... </label> | required | required | - | |
legend | : | <legend> ... </legend> | required | required | - | |
li | : | <li> ... </li> <li> ... | required | may be omitted IF... | IF... (conditions) | video |
link | : | <link> | required | - | void element | example |
main | : | <main> ... </main> | required | required | - | video |
map | : | <map> ... </map> | required | required | - | video |
mark | : | <mark> ... </mark> | required | required | - | video |
menu | : | <menu> ... </menu> | required | required | - | video |
menuitem | : | <menuitem> | required | - | void element | video |
meta | : | <meta> | required | - | void element | video |
meter | : | <meter> ... </meter> | required | required | - | video |
nav | : | <nav> ... </nav> | required | required | - | video |
noscript | : | <noscript> ... </noscript> | required | required | - | |
object | : | <object> ... </object> | required | required | - | |
ol | : | <ol> ... </ol> | required | required | - | video |
optgroup | : | <optgroup> ... </optgroup> <optgroup> ... | required | may be omitted IF... | IF... (conditions) | video |
option | : | <option> ... </option> <option> ... | required | may be omitted IF... | IF... (conditions) | video |
output | : | <output> ... </output> | required | required | - | |
p | : | <p> ... </p> <p> ... | required | may be omitted IF... | IF... (conditions) | video |
param | : | <param> | required | - | void element | |
pre | : | <pre> ... </pre> | required | required | - | video |
progress | : | <progress> ... </progress> | required | required | - | video |
q | : | <q> ... </q> | required | required | - | video |
rp | : | <rp> ... </rp> <rp> ... | required | may be omitted IF... | IF... (conditions) | examples |
rt | : | <rt> ... </rt> <rp> ... | required | may be omitted IF... | IF... (conditions) | video |
ruby | : | <ruby> ... </ruby> | required | required | - | video |
s | : | <s> ... </s> | required | required | - | video |
samp | : | <samp> ... </samp> | required | required | - | video |
script | : | <script> ... </script> | required | required | - | |
section | : | <section> ... </section> | required | required | - | video |
select | : | <select> ... </select> | required | required | - | video |
small | : | <small> ... </small> | required | required | - | video |
source | : | <source> | required | - | void element | |
span | : | <span> ... </span> | required | required | - | video |
strong | : | <strong> ... </strong> | required | required | - | video |
style | : | <style> ... </style> | required | required | - | video |
sub | : | <sub> ... </sub> | required | required | - | video |
summary | : | <summary> ... </summary> | required | required | - | video |
sup | : | <sup> ... </sup> | required | required | - | video |
table | : | <table> ... </table> | required | required | - | video |
tbody | : | <tbody> ... </tbody> <tbody> ... ... <⁄tbody ... | may be omitted IF... | may be omitted IF... | IF... (conditions) | video |
td | : | <td> ... </td> <td> ... | required | may be omitted IF... | IF... (conditions) | video |
textarea | : | <textarea> ... </textarea> | required | required | - | |
tfoot | : | <tfoot> ... </tfoot> <tfoot> ... | required | may be omitted IF... | IF... (conditions) | video |
th | : | <th> ... </th> <th> ... | required | may be omitted IF... | IF... (conditions) | video |
thead | : | <thead> ... </thead> <thead> ... | required | may be omitted IF... | IF... (conditions) | video |
time | : | <time> ... </time> | required | required | - | video |
title | : | <title> ... </title> | required | required | - | example |
tr | : | <tr> ... </tr> <tr> ... | required | may be omitted IF... | IF... (conditions) | video |
track | : | <track> | required | - | void element | |
u | : | <u> ... </u> | required | required | - | video |
ul | : | <ul> ... </ul> | required | required | - | video |
var | : | <var> ... </var> | required | required | - | video |
video | : | <video> ... </video> | required | required | - | |
wbr | : | <wbr> | required | - | void element | video |
<!-- --> | : | <!-- --> | required | - | - | example |