logo   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.




TagAnvendelseSyntaksNiveau
SHBVNXBI
aBNI
abbrBNI
addressBNB
areaBVI
articleBNB
asideBNB
audioBNB
bBNI
baseHV
bdiBNI
bdoBNI
blockquoteBNB
bodySN
brBVI
buttonBNI
canvasBNB
captionBNI
citeBNI
codeBNI
colBVI
colgroupBNI
datalistBN
ddBNB
delBNBI
detailsBNI
dfnBNI
dialogBNI
divBNB
dlBNB
dtBNB
emBNI
embedBvI
fieldsetBNI
figcaptionBNB
figureBNB
footerBNB
formBNI
h1 - h6BNB
headSN
headerBNB
hgroupBNB
hrBVB
htmlSN
iBNI
iframeBNI
imgBVI
inputBVI
insBNBI
kbdBNI
keygenBV
labelBNI
legendBNI
liBNB
linkHBV
mapBNI
markBNI
menuBN
menuitemBV
metaHV
meterBNI
navBNB
noscriptBNB
objectBNI
olBNB
optgroupBNI
optionBNI
outputBNB
pBNB
paramBVI
preBNB
progressBNI
qBNI
rubyBN
rbBN
rtBN
sampBNI
scriptHBBI
sectionBNB
selectBNI
smallBNI
sourceBVI
spanBNI
strongBNI
styleHB
subBNI
summaryBNI
supBNI
tableBNI
tbodyBNI
tdBNI
textareaBRcI
tfootBNI
thBNI
theadBNI
timeBNI
titleHNRc
trBNI
trackBVI
uBNI
ulBNB
varBNI
videoBNB
wbrBVI


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 tagsKan ikke indeholde blok-tags.
Kan kun placeres indeni andre blok-tagsKan 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 muligtPrø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
. . . . . . . . . . . . . . . . . .




















x
x