Tag karakteristika

Det enkelte tag kan grupperes på forskellig vis alt efter formål. Nedenfor er vist deres tilknytning til 3 formål. Tilknytningen til Niveau er dog meget usikker.

Anvendelse

S: Ydre struktur.
H: I head-delen
B: I body-delen

Syntaks

V: Tags, der ikke kan indeholde tekst (også kaldet Void). F.eks: <br />
N: Normale tags, der kan indeholde tekst. F.eks: <p>...</p>
X: Normale tags, der kan indeholde: rå tekst eller RCDATA.

Niveau (Kun relevant for tags, der anvendes i BODY).

B: Blok. Tags, der bidrager til at opbygge dokumentets struktur. Kan indeholde andre blok tags og inline tags.
I: Inline. Tags, der ikke påvirker dokumentets struktur, men anvendes til redigering etc. inde i blok tags. Kan ikke indeholde blok tags.

Tag	Anvendelse			Syntaks			Niveau
	S	H	B	V	N	X	B	I
a			B		N			I
abbr			B		N			I
address			B		N		B
area			B	V				I
article			B		N		B
aside			B		N		B
audio			B		N		B
b			B		N			I
base		H		V
bdi			B		N			I
bdo			B		N			I
blockquote			B		N		B
body	S				N
br			B	V				I
button			B		N			I
canvas			B		N		B
caption			B		N			I
cite			B		N			I
code			B		N			I
col			B	V				I
colgroup			B		N			I
datalist			B		N
dd			B		N		B
del			B		N		B	I
details			B		N			I
dfn			B		N			I
dialog			B		N			I
div			B		N		B
dl			B		N		B
dt			B		N		B
em			B		N			I
embed			B	v				I
fieldset			B		N			I
figcaption			B		N		B
figure			B		N		B
footer			B		N		B
form			B		N			I
h1 - h6			B		N		B
head	S				N
header			B		N		B
hgroup			B		N		B
hr			B	V			B
html	S				N
i			B		N			I
iframe			B		N			I
img			B	V				I
input			B	V				I
ins			B		N		B	I
kbd			B		N			I
keygen			B	V
label			B		N			I
legend			B		N			I
li			B		N		B
link		H	B	V
map			B		N			I
mark			B		N			I
menu			B		N
menuitem			B	V
meta		H		V
meter			B		N			I
nav			B		N		B
noscript			B		N		B
object			B		N			I
ol			B		N		B
optgroup			B		N			I
option			B		N			I
output			B		N		B
p			B		N		B
param			B	V				I
pre			B		N		B
progress			B		N			I
q			B		N			I
ruby			B		N
rb			B		N
rt			B		N
samp			B		N			I
script		H	B			Rå	B	I
section			B		N		B
select			B		N			I
small			B		N			I
source			B	V				I
span			B		N			I
strong			B		N			I
style		H	B			Rå
sub			B		N			I
summary			B		N			I
sup			B		N			I
table			B		N			I
tbody			B		N			I
td			B		N			I
textarea			B			Rc		I
tfoot			B		N			I
th			B		N			I
thead			B		N			I
time			B		N			I
title		H			N	Rc
tr			B		N			I
track			B	V				I
u			B		N			I
ul			B		N		B
var			B		N			I
video			B		N		B
wbr			B	V				I

De nekelte tags i HTML kan grupperes på flere måder. En af dem er opdeling i blok-tags og inline-tags. Normalt bruges div og span som eksponenter for de to typer:

Blok-tags `<div>`	Inline-tags `<span>`
Kan indeholde alle andre tags	Kan ikke indeholde blok-tags.
Kan kun placeres indeni andre blok-tags	Kan være indeni et hvilketsomhelst andet tag
Definerer en rektangulær region på en side.	Definerer en "slange" på en side (kan indgå i dynamisk linieskift)
Prøver at blive så bred som muligt	Prøver at blive så lille som muligt.
Begynder på en ny linie og afsluttes med linieskift (som `p`).	Opretter ingen nye linier
`<div> == < style:"display: block">`	`<span> == <div style="display: inline">`
3 blok tags: `display: block` display: block display: block display: block	3 inline tags: `display: inline` display: inline display: inline display: inline
Div og span blandet korrekt: span span . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . span div span div div . . . . span. . . . . . . .
Div og span blandet ukorrekt: Span-slangen bliver brudt. span . . . . . . . . . . . . . div . . . . . . . . . . . . . . . . . .