<head>-tag og de tags til metadata, der kun kan anvendes deri.
Sections
Sektioner
<body> og de tags til sektionering af siden, der kan anvendes deri.
Grouping
Gruppering
Tags til strukturel opdeling af indhold i <body> eller i sektioner.
Text-level semantics
Tekst-niveau semantik
Tags til visuel præsentation af specifikke dele af tekst inde i gruppering. Mange af dem kan også udføres med CSS.
Links
Links
Tags med kode til links til skift til andre sider / sites.
Edits
Editeringer
Tags omkring tekst, der skal vises / skjules.
Embedded contents
Indlejret indhold
Tags til indlejring af eksterne data / filer.
Tabular data
Tabel data
Tags til opbygning af tabeller.
Forms
Formularer
Tags til opbygning af formularer.
Interactive
Interaktive
Tags med tilknyttet interaktivitet.
Scripting
Scripts
Tags omkring indlejret script incl. link dertil.
Globale attributter
Event attributter
DOM-kode for taggen
Aktuelle officielle dokumentation fra WHATWG for HTML5. (Grupperingen nedenfor følger opdelingen i dette dokument)
W3Schools - HTML5 tags.
Quackit - HTML5 tags.
Forklaringer til elementer / tags
Tag
Tag-specifikke attributter
Global Event Dom
wg W3 Quackit
Diverse
"tags" der ikke er egentlige tags.
<!DOCTYPE>
Dokumenttype Taggen <!DOCTYPE HTML> placeres foran <HTML>-taggen for at fortælle browseren hvilken type dokument den har med at gøre.
ingen
<!--. ..-->
Kommentar Omkring kommentarer og tekst, samt omkring script- og style-kode, der ikke skal bruges - og heller ikke slettes.
ingen
Dokument tag
Yderste tag på alle HTML-sider.
html
HTML dokument:
Den yderste blok der omslutter et helt dokument med head- og body-tags indeni som det næste niveau. Af hensyn til synshandikappede, der bruger nettet ved hjælp af talegengivelse, bør den globale attribut "lang" indsættes med kode for det sprog siden er skrevet i. <html lang="dk">
ingen
Dokument metadata
<head>-tag og de tags til metadata, der kun kan anvendes deri.
base
Basis URL: Det absolutte link <base href="http://www.abc.xx/ddd/" target="tttt" /> hvortil alle relative links "<img src="billeder/billede.gif" alt="billede">" på siden skal knytte sig for at finde deres data. Der må kun være 1 <base>-tag pr. side. Synes kun anvendt i beskedent omfang.
Dokumenthoved Blok med de tekniske data / meta data, der skal bruges for at browseren kan afvikle siden, men som brugeren ikke ser. Omfatter især dets titel, meta-information, stikordsinformation, links til css-filer og javaScript-programmer etc.
Kan indeholde følgende tags: <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>.
ingen
link
Link Tilknytning af andre dokumenter / resurser såsom CSS-filer til dette dokument. <link rel="stylesheet" href="/felles/css/css.css" media="all">
Meta-information Forskellige former for META-data om dokumentet. Bl.a. data. der anvendes af søgemaskiner til at identificere dokumentet og placere det i deres søgekriterier.
Dokument titel Vises normalt i browserens faneblade. Er titel ikke anført anvender browseren filnavnet som titel. Skal placeres umiddelbart efter <head> og <meta charset="iso-8859-15" /> taggene.
ingen
style
CSS-styles: Omkring CSS-styles indlejrede i sidens head- eller body-del til brug i det aktuelle dokument.
<body> og de tags til sektionering af siden, der kan anvendes deri.
address
Adresse: Omkring links etc. til webmaster / den ansvarlige for siden - f.eks. indlejret i footer. Postadresse vil oftest ikke indgå, eller være af sekundær vigtighed. Indeholder ikke tekst direkte, men andre tags.
ingen
article
Artikel: Omkring data der "giver mening på deres egne betingelser": Artikel, kapitel, blogindlæg (med kommentarer i nestede articles) etc. Udover visuel strukturering af data synes en væsentlig anvendelse at være at have et sted at tilknytte CSS-selectorer. En article kan eksempelvis underopdeles i flere sections. Indeholder ikke tekst direkte, men andre tags.
ingen
aside
Sekundært område: Omkring "inserat" i brødteksten, der ikke er en integreret del af den primære tekst. Kan være alt fra en uddybende forklaring til noget i brødteksten til en reklame indsat som "float" på siden, eller kan indeholde fodnoter etc. Vil måske ofte ikke indgå i print. Indeholder ikke tekst direkte, men andre tags.
ingen
body
Dokumentkrop: Blok med HTML-dokumentets krop. Omslutter fuldstændig de data, der vises med browseren. Placeres inde i html-taggen umiddelbart efter head-taggen. Indeholder ikke tekst direkte, men andre tags.
ingen.
footer
Sidefod Omkring sidefod. Indeholder ikke tekst direkte, men andre tags.
ingen
h1 - h6
Overskrifter: Omkring overskrifter i forskelligt niveau. Størrelse styres default af browser. Afslutter automatisk med linieskift.
ingen
header
Indledning Er udover at kunne indeholde hgroup også tiltænkt at kunne indeholde logo, "navigation" etc. Synes mest velegnet som ramme omkring data i sidehoved. Indeholder ikke tekst direkte, men andre tags.
ingen
nav
Navigationsområde: Omkring liste eller anden blok med "navigations-"data. Udover visuel strukturering af data synes en væsentlig anvendelse at være at have et sted at tilknytte CSS-selectorer. Indeholder ikke tekst direkte, men andre tags.
ingen
section
Sektion Omkring data til hvilke der naturligt hører en overskrift placeret inde i sectionen. Udover visuel strukturering af data synes en væsentlig anvendelse at være at have et sted at tilknytte CSS-selectorer. En section kan eksempelvis underopdeles i flere articles. Indeholder ikke tekst direkte, men andre tags.
ingen
Gruppering
Tags til strukturel opdeling af indhold i <body> eller i sektioner.
blockquote
Citat: Omkring tekst der er citat fra anden kilde. Iøvrigt som <p>-taggen. Se også CITE.
Beskr.liste - data: Anvendes inde i beskrivelsesliste (<dl>-tag)eller i dialoger (<dialog>-tag) til at indeholde f.eks. feltdata.
ingen
div
Division / sektion Den primære tag til opbygning af overordnet strukturering indenfor body-tagget.!!!!!!!! Omkring divisioner / sektioner af HTML-kode for tilknytning af 'class'-, 'lang/xml:lang'- og 'title'-attributter.
ingen
dl
Beskrivelsesliste: Omkring tekst og data (<dd>- og <dt>-tags) i beskrivende lister.
ingen
dt
Beskr.liste - teskt: Anvendes inde i beskrivelsesliste (<dl>-tag) eller i (<dialog>-tag) til at indeholde f.eks. felttekst.
ingen
figure
Billede med tekst: Omkring billede / figur, når der med figcaption skal tilknyttes tekst over eller under billedet. (fieldset kan yderligere placeres som en "kasse" udenom).
ingen
figcaption
Billedtekst: Omkring tekst over eller under billede / figur indenfor figure som ydre ramme.
ingen
hr
Vandret streg: Vandret streg. F.eks. til adskillelse mellem temaer.
ingen
li
Listelinie: Den enkelte linie i en Ordnet (<ol>) / uordnet (<ul>) liste. Listepunkter placeres lodret under hinanden. Der kan etableres ny liste i hierarki under det enkelte listepunkt.
I <OL> kan 5 typer identer anvendes til at styre ordenen på hvert niveau og som niveaumarkør.
I <UL> kan 4 typer 'ikoner' anvendes som niveaumarkører.
Billeder kan indsættes via Styles: <li style="list-style-image: url(hand.jpg);">
Listepunkter kan anvendes som link: <li onclick="window.open('http://www.a.com', '_blank')">
Afsnit: Omkring afsnit af normal tekst. Afsluttes med linieskift, men foretager iøvrigt ingen editering. Se også DIV og SPAN
ingen
pre
Præformateret tekst: Omkring tekst, der skal vises som indtastet (F.eks. bibeholdes linieskift med "enter"). Vises som tt-font. F.eks. omkring udtræk fra en database: echo "<pre>"; echo $query; echo "</pre>";
ingen
ul
Uordnet liste: Omkring linier (<li>-tags) i uordnet liste. Anvendes også ofte som menuer.
ingen
Tekst-niveau semantik
Tags til visuel præsentation af specifikke dele af tekst inde i gruppering. Mange af dem kan også udføres med CSS.
abbr
Forkortelse: Omkring forkortelser som "Aps", "DLG", "etc.". Kan anvendes af stavekontrol, søgemaskiner etc.
(title)
b
Anderledes tekst - b: Omkring teskt, der af stilistiske årsager skal afvige fra den øvrige aktuelle tekst. Ved sidste års Roskilde Festival var der ...
ingen
bdi
Retningsvending - isolering: Omkring tekst inde i bdo-tag, der skal isoleres fra retningsvending. snakke forkert bagvendt
ingen
bdo
Retningsvending: Omkring tekst, der skal kunne retningsvendes med dir-attributten. snakke rigtigt bagvendt
Kursiv skrift: Omkring tekst, der typografisk skal fremhæves. Kan også udføres med CSS.
ingen
i
Anderledes tekst - i: Omkring teskt, der af stilistiske årsager skal afvige fra den øvrige aktuelle tekst. Ved sidste års Roskilde Festival var der ...
ingen
kbd
Indtastning: Omkring tekst, der skal indtastes via tastatur. webdok
ingen
mark
Markeret tekst Omkring tekst der skal fremhæves ved anden baggrundsfarve (gul). HTML5
ingen
q
Citat: Omkring citater (quotes) fra andet materiale. Browserne sætter selv anførselstegn. Der var engang ....
Skrifttegn: Anvendes i tilknytning til skrifttegn som kinesisk og japansk.
ingen
rt
Skrifttegn: Anvendes i tilknytning til skrifttegn som kinesisk og japansk.
ingen
ruby
Skrifttegn: Anvendes i tilknytning til skrifttegn som kinesisk og japansk.
ingen
s
Ukorrekt tekst Tekst, der ikke længere er korrekt, akkurat eller relevant.
ingen
samp
Eksempel: Omkring eksempel på uddata fra et computerprogram. Et eller andet.
ingen
small
Lille skrift: Omkring tekst, der skal vises med lidt mindre font end den normalt anvendte i dokumentet. Kan også udføres med CSS.
ingen
span
Inline formatering: Omkring inline-tekst, der skal have speciel behandling - oftest med STYLE (f.eks. ekstra stort begyndelsesbogstav). Medfører ingen linieskift el. lign. Se også P og DIV.
ingen
strong
Fed skrift Omkring tekst, der typografisk skal fremhæves. Kan også udføres med CSS.
ingen
sub
Sænket skrift: Omkring tekst der skal vises en anelse sænket i.f.t. omgivende tekst. H2O
ingen
sup
Hævet skrift: Omkring tekst der skal vises en anelse hævet i.f.t. omgivende tekst. m2
ingen
time
Tidspunkt: Omkring manuel angivelse af tidspunkt. (Defaulf format: YYYY-MM-DD hh:mm:ss)
Anderledes tekst - u: Omkring teskt, der af stilistiske årsager skal afvige fra den øvrige aktuelle tekst. Ved sidste års Roskilde Festival var der ...
ingen
var
Variabel tekst: Omkring variabel: I matematisk eller programmeringsmæssig sammenhæng, eller i almindelig tekst. Variabel
ingen
wbr
Orddeling: Forslag til linieskift inde i lange ord.
ingen
Links
Tags med kode til links til skift til andre sider / sites.
a
Anker: Omkring tekst eller billede / ikon der anvendes som klikbart link til anden web-side eller til andet sted på aktuel side.
Klikområde Indlejret i map-tag: En area-tag etableres for hvert klikbart udsnit af map-billedet der skal anvendes som link til anden web-side eller til andet sted på aktuel side. Link knyttet til hver area-tag.
Klikpunkter i billede: Omkring <area>-tags med klikområder i billede tilknyttet via "IMG-usemap"-attributten. <map>-taggen skal evt. placeres inde i <div>-tag.
Picture: Mere fleksibel specifikation af billeder end <img>. Velenet til responsive. Indeholder to tags: En eller flere <source>-tags og en <:img>-tag.
ingen
source
Mediafil: Link i video- og audio-tags til video- eller audio-filer der skal afspilles.
Tabeloverskrift: Omkring overskrift, der centreres over tabel. Første tag i <table>-struktur. Ingen omkransende <tr>-struktur. Der vises ingen "border".
ingen
col
Kolonne: Parametre for individuel editering via CSS af hver enkelt kolonne fra venstre mod højre. Skal en kolonne "til venstre" ikke editeres indsættes tomt tag.
Tabelfod: Omkring evt. <tr>-tag(s) der indeholder tabelkolonnernes afsluttende data.
ingen
th
Overskriftscelle: Omkring data i tabelcelle. Hvert <th>-tag indeholder 1 overskriftscelle, der skal vises i en <tr>-tag. Automatisk med centrering og fed skrifttype.
Dataliste:br /> Omkring liste over prædefinerede mulige inddata i option-tags. Knyttes til input type="text"... felt. Ved indtastning af bogstav i feltet vises mulige data med dette begyndelsesbogstav. Den ønskede data kan selekteres. Er bedst / kun egnet hvor brugeren har forventning til mulige data, f.eks. liste med landenavne.
Inputformular: Omkring formularen med tekster og objekter (inputfelter til tekst, checkbokse,radioknapper etc.), der kan modtage input fra brugeren.
Kan indeholde følgende tags: <button>, <fieldset>, <input>, <label>, <optgroup>, <option>, <select> og <textarea>
Inputobjekt: Opsætning af felter brugeren kan indtaste data til / interagere med. Med type-attributten kan vælges mellem 23 forskellige typer inddata-felter.
Etiket: Omkring betegnelse / beskrivelse / tekstfelt til INPUT-felter, Checkbokse, Radioknapper etc. i FORMs. Skal knyttes til et specifikt INPUT-felt.
Drop-down liste: Omkring drop-down liste over prædefinerede mulige inddata i option-tags, hvorfra brugeren kan selektere valg. Knyttes til Input type="text"... felt.
Detaljer: Omkring data der ikke nødvendigvis skal vises default. Ved at klikke på trekanten vises / lukkes for tekst indsat i taggen. Details / Summarynu skal du bare se løjer ....
Details overskrift Tekst, der automatisk anvendes i overskriften i details (til højre for trekanten.
ingen
Scripts
Tags omkring indlejret script incl. link dertil.
canvas
Lærred Angivelse af areal (højde og bredde) indenfor siden samt link til javaScript-metode. Med scriptet kan opbygges alt fra meget enkle til meget komplekse 2D tegninger eller bitmap-billeder.
Ingen script Omkring sideindhold (alle tags, der kan anvendes i "body" kan anvendes), der kun bliver vist, når brugerens browser ikke understøtter javaScript, eller understøttelse er frakoblet.
ingen
script
Script Omkring link til javaScript-kode i ekstern fil og omkring javaScript-kode indlejret i sidens head- eller body-del til brug i det aktuelle dokument.