HTML5 Tags Complete List

By Xah Lee. Date: . Last updated: .

This page is a COMPLETE list of HTML5 tags. Those marked ⭐ are new in HTML5.

HTML Structure, Meta info

html
wrapper tag for entire file. (only DOCTYPE goes before it.)
head
wrapper tag for meta info
meta
meta tag used inside head tag. For example, <meta charset="utf-8" />
link
style sheet etc. For example, <link rel="stylesheet" type="text/css" href="basic.css">
title
document title
base
base URL. <base href="http://example.com/" target="_blank" />
body
wrapper tag for page content
style
CSS stylesheet. <style type="text/css">…</style>

Page Structure

nav
navigation bar
header
page's header
footer
page's footer
main
main section
aside
sidebar
article
article body
section
section body (For example, chapter).

[see HTML5 Page Structure Tags Example]

Title/Section Heading

h1
headline 1
h2
headline 2
h3
headline 3
h4
headline 4
h5
headline 5
h6
headline 6
hgroup
Used to group one of h1 to h6, for subtitle purpose. This tag is removed from W3C spec, but remains in WHATWG spec.

[see HTML: How to Markup Subtitle]

Text Block

div
generic block markup. Use with CSS
p
paragraph
pre
monospace block
blockquote
quote passages, excerpt
hr
horizontal rule

Lists

ul
unordered list
ol
ordered list
li
list item. (use inside ul or ol)

[see CSS: Flowing List]

dl
definition list
dt
definition term
dd
definition description

[see HTML: dl, dt, dd]

Inline Markup

span
generic text markup. Use with CSS
a
link (anchor)
em
emphasize. Placing emphasis may affect the meaning of sentence.
strong
important. Placement of this tag does not change the meaning of sentence.
b
bold
i
italic
u
underline for book title, misspelled word, ….
s
strike-thru [see HTML: What's the Difference Between “s” vs “strike” vs “del” Tags]
del
deleted text
ins
newly inserted text (in contrast to del)
mark
highlight
small
smaller
sup
superscript
sub
subscript
dfn
definition term
code
computer code
var
variable
samp
sample code
kbd
keyboard input
q
short inline quote. [see “q” example]
cite
book title (or title of: article, essay, song, script, film, TV show, game, artwork, … etc)
ruby
Pronunciation markup for Asian languages. [see ruby example]
rt
used inside ruby tag, for pronunciation.
rp
used inside ruby tag, for older browser support.
br
line break
wbr
line-break hint. Browsers can render line break at this point.
bdo
text direction
bdi
text direction

Table

table
table
caption
table caption
tr
table row
td
table cell
th
table cell header
thead
table header
tfoot
table footer
tbody
table body
colgroup
group table columns for styling
col
used inside colgroup

Image

img
inline image
figure
for independent illustartion, image, video, code example, …
figcaption
caption for images
map
Image Map Example
area
Image Map Example

Audio, Video, Special Objects

video
[see HTML5 Video Tutorial]
audio
embed sound files. [see HTML5 Audio Tag Tutorial]
source
A self-closing tag, to be used inside {video, audio} tags. Similar in purpose to the src="…" attribute. Used to indicate media source, for different formats. For example, mp4, ogg. For example, <source src="movie.mp4" type="video/mp4">
track
? video/audio track related.
script
[see JavaScript Basics by Example]
noscript
For example: <noscript>displayed when JavaScript is off</noscript>
object
embedded object. [see “Object” tag for “Iframe”]
param
parameter, used with object tag
embed
interactive content or plugin
iframe
embed a page; inner window. [see HTML: Iframe]
canvas
interactive graphics, games. [see Canvas Example]
abbr
For example: <abbr title="eXtensible Markup Language">XML</abbr>. [see abbr Example]
address
markup for contact of article or page. [see HTML5 “address” Tag]
meter
gauge indicator. [see HTML5 {meter, progress} Tags]
progress
Progress bar. [see HTML5 {meter, progress} Tags]
time
date/time. [see HTML: time]

Forms

form
button
Render as Button. Used together with JavaScript.
input
Generic input (text, radio box, checkbox, submit button)
textarea
large text input (For example, comment)
select
menu.
option
Menu item. Used with select.
optgroup
Menu item group label.
label
A label for a form input
fieldset
?
legend
title in a fieldset
keygen
?
command
? command button
datalist
? dropdown list
menu
? menu list
output
?
details
?
summary
? header of a "details" element

HTML Form Example


HTML5 Custom Data Attribute

See: HTML5 Custom Data Attribute.

Obsolete HTML4 Tags

acronym
use abbr
applet
use embed or object. [see “Object” tag for “Iframe”]
bgsound
use audio
basefont
use CSS
big
use CSS font-size.
center
use CSS. [see Centering with CSS]
dir
Directory list. Use ul
font
use CSS font-family
frame
use CSS, iframe. [see HTML: Iframe]
frameset
use CSS, iframe
noframes
strike
use s. [see “s” vs “strike” vs “del”]
tt
stands for “teletype”, rendered in monospace font. Use {code, samp}, or CSS.
xmp
use pre with CSS.
Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS Basics
  4. JS in Depth
  5. JS Reference
  6. DOM
  7. SVG
  8. JS Misc