| <!--xxxxxxx--> | (waarbij xxxxxxx = commentaar) |
| <!doctype | html> |
| <… | Universele attributen: - accesskey="xxxxxxx" (waarbij xxxxxxx = een of meer verschillend tekens 'z' gescheiden door een of meer spaties voor de sneltoets 'Alt + (Shift +) z')
- class="xxxxxxx" (waarbij xxxxxxx = klasse naam)
- contenteditable[="false | inherit | true"] (standaard: inherit; waar er alléén door een programma in javascript uitgevoerd wordt!)
- contextmenu="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'menu')
- dir="auto | ltr | rtl"
- draggable="auto | false | true"
- dragzone="copy | file:image/gif | file:image/jpeg | file:image/png | move | string:xxxxxxx"
- hidden
- id="xxxxxxx" (waarbij xxxxxxx = identificatie naam)
- inert
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang="tlc"
- spellcheck="false | true"
- style="xxxxxxx" (waarbij xxxxxxx = stijl informatie)
- tabindex="xxxxxxx" (waarbij xxxxxxx = tab volgordenummer)
- title="xxxxxxx" (waarbij xxxxxxx = tooltip die ook nuttig is voor schermlezers)
- translate="no | yes"
Gebeurtenis-attributen:xxxxxxx="yyyyyyy([zzzzzzz])"(waarbij:- xxxxxxx = gebeurtenisnaam
- yyyyyyy = JavaScript function naam
- zzzzzzz = waarde
)Gebeurtenisnamen: > |
| <a | download="xxxxxxx" (waarbij xxxxxxx = bestandsnaam)
href="uri"
hreflang="tlc"
media="mdc"
rel="alternate | author | bookmark | help | license | next | nofollow | noreferrer | prefetch | prev | search | trag"
target="_blank | _parent | _self | _top"
type="text/html | text/plain | text/xml"
> |
| <abbr | > |
| <address | > |
| <area | alt="xxxxxxx" (waarbij xxxxxxx = alternatieve tekst die ook nuttig is voor schermlezers)
coords="xxxxxxx"
(waarbij xxxxxxx = een of meer coördinaties gescheiden door the teken ',' : - voor rechthoek: linksboven x, linksboven y, rechtsonder x en rechtsonder y
- voor cirkel: middelpunt x, middelpunt y, radius
- voor polygram: x1, x2, x2, y2, …
)
href="uri"
hreflang="tlc"
media="mdc"
rel="alternate | author | bookmark | help | license | next | nofollow | noreferrer | prefetch | prev | search | tag"
shape="circle | default | poly | rect"
target="_blank | _parent | _self | _top"
type="text/html | text/plain | text/xml"
/> |
| <article | > |
| <aside | > |
| <audio | autoplay
controls
loop
mediagroup="xxxxxxx" (waarbij xxxxxxx = mediagroepnaam)
muted
preload
src="src="urh"
>
Een of meer HTML elementen 'source' moeten er direct onder staan. |
| <b | (liever niet gebruiken; het zou nuttig kunnen zijn voor een andere speciale opmaak)
> |
| <base | (alléén binnen het HTML element 'head')
href="uri"
target="_blank | _parent | _self | _top"
/> |
| <bdi | > |
| <bdo | dir="ltr | rtl"
> |
| <blockquote | cite="urh" (ook nuttig voor schermlezers)
> |
| <body | (verplicht)
> |
| <br | /> |
| <button | autofocus
disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
formaction="urh"
formenctype[= "application/x−www−form−urlencoded | multipart/form−data | text/plain"] (standaard: application/x−www−form−urlencoded)
formmethod="delete | get | post | put"
formnovalidation
formtarget="_blank | _parent | _self | _top"
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
type="button | menu | reset | submit" (waar er bij de waarde 'menu' alléén door een programma in javascript uitgevoerd wordt!)
value="xxxxxxx" (waarbij xxxxxxx = een initiële waarde van dit HTML element)
> |
| <canvas | (waar er alléén door een programma in javascript uitgevoerd wordt!)
height="lgt"
width="lgt"
> |
| <caption | (alléén binnen het HTML element 'table')
> |
| <cite | > |
| <code | > |
| <col | (alléén binnen het HTML element 'colgroup')
span="xxxxxxx" (waarbij xxxxxxx = aantal kolommen)
/> |
| <colgroup | (alléén binnen het HTML element 'table')
span="xxxxxxx" (waarbij xxxxxxx = aantal kolommen)
> |
| <command | (wordt nog niet ondersteund)
/> |
| <data | (waar er alléén door een programma in javascript uitgevoerd wordt!)
value="xxxxxxx" (waarbij xxxxxxx = voor computer leesbare inhoud)
> |
| <datalist | > |
| <dd | (alléén binnen het HTML element 'dl')
> |
| <del | cite="urh"
datetime="yyyy−mm−ddThh:mm:ss[Zzzz]" (waarbij zzz = tijdzone code met '+hh:mm' of '−hh:mm)
> |
| <details | open
> |
| <dfn | > |
| <dialog | (waar er alléén door een programma in javascript uitgevoerd wordt!)
open
> |
| <div | > |
| <dl | > |
| <dt | (alléén binnen het HTML element 'dl')
> |
| <em | > |
| <embed | height="lgt"
src="urh"
type="xxxxxxx" (waarbij xxxxxxx = MIME type)
width="lgt"
/> |
| <fieldset | disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTM element 'form')
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
> |
| <figcaption | (alléén binnen het HTML element 'figure')
> |
| <figure | > |
| <footer | > |
| <form | accept-charset=xxxxxxx
action="uri" (behalve in het ftp formaat)
autocomplete
enctype[= "application/x−www−form−urlencoded | multipart/form−data | text/plain"] (standaard: application/x−www−form−urlencoded)
method="dialog | get | post"
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
novalidate
target="_blank | _parent | _self | _top"
> |
| <h1 | > |
| <h2 | > |
| <h3 | > |
| <h4 | > |
| <h5 | > |
| <h6 | > |
| <head | (verplicht)
> |
| <header | > |
| <hgroup | > |
| <hr | /> |
| <html | (verplicht)
manifest="urh"
> |
| <i | (liever niet gebruiken; het zou nuttig kunnen zijn voor een andere speciale opmaak)
> |
| <iframe | allowfullscreen
height="lgt"
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
sandbox="(empty string) | allow−forms | allow−pointer−lock | allow−popups | allow−same−origin | allow−scripts | allow−top−navigation"
seamless
src="urh"
srcdoc="urh"
width="lgt"
> |
| <img | alt="xxxxxxx" (verplicht; waarbij xxxxxxx = alternatieve tekst die ook nuttig is voor schermlezers)
height="lgt" (niet verplicht; maar wel aanbevolen)
ismap
src="urh" (verplicht)
usemap="urh"
width= "lgt" (niet verplicht; maar wel aanbevolen)
/> |
| <input | accept="xxxxxxx" (waarbij xxxxxxx = lijst van volgende types gescheiden door een komma: audio/*, image/*, video/* en geldige MIME types)
alt="xxxxxxx" (waarbij xxxxxxx = alternatieve tekst die ook nuttig is voor schermlezers)
autocomplete[="off | on"] (standaard: on)
autofocus
checked (alléén voor het attribuut: type=checkbox | radio)
data-xxxxxxx="yyyyyyy" (waar er alléén door een programma in JavaScript uitgevoerd wordt!)
(waarbij xxxxxxx = datanaam en yyyyyyy = voor computer leesbare inhoud)
disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
formaction="urh"
formenctype[= "application/x−www−form−urlencoded | multipart/form−data | text/plain"] (standaard: application/x−www−form−urlencoded)
formmethod="delete | get | post | put"
formnovalidation
formtarget="_blank | _parent | _self | _top"
height="lgt"
list="xxxxxxx" (waarbij xxxxxxx = de identificatie naam van het HTML element 'datalist')
max="xxxxxxx" (waarbij xxxxxxx = maximale invoerwaarde)
maxlength="xxxxxxx"
(waarbij xxxxxxx = maximaal aantal tekens van de tekstuele invoer)
min="xxxxxxx" (waarbij xxxxxxx = minimale invoerwaarde)
multiple
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
pattern="xxxxxxx" (waarbij xxxxxxx = patroon volgens reguliere expressies waaraan de invoer moet voldoen)
placeholder="xxxxxxx" (waarbij xxxxxxx = korte tip voor gebruiker)
readonly
required
size="xxxxxxx" (waarbij xxxxxxx = aantal tekens)
src="urh" (alléén voor het attribuut: type=image)
step="xxxxxxx" (waarbij xxxxxxx = stapgrootte van de invoer)
type="button | checkbox | color | date | datetime | datetime−local | email | file | hidden | image | month | number | password | radio | range | reset | search | tel | time | submit | text | url | week"
(waar er bij de waarde ' button' alléén door een programma in javascript uitgevoerd wordt! en er bij de waarde(n) - 'email' en 'ur'l voorlopig alléén voor iphone gebruikt wordt
- 'tel' nog niet ondersteund wordt
)
width="lgt"
/> |
| <ins | cite="urh"
datetime="yyyy−mm−ddThh:mm:ss[Zzzz]" (waarbij zzz = tijdzone code met '+hh:mm' of '−hh:mm)
> |
| <kbd | > |
| <keygen | autofocus
challenge
disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
keytype="xxxxxxx"
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
/> |
| <label | for="xxxxxxx" (waarbij xxxxxxx = de identificatie naam van een HTML element waarvoor het bedoeld is)
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
> |
| <legend | (alléén binnen het HTML element 'details' | 'fieldset' | 'figure')
> |
| <li | (alléén binnen het HTML element 'menu' | 'ol' | 'ul')
value="xxxxxxx" (alléén voor het HTML element 'ol')
> |
| <link | href="urh"
hreflang="tlc"
media="mdc"
rel="alternate | apple-touch-startup-image | author | contents | copyright | glossary | help | icon | index | license | next | prefetch | prev | search | stylesheet"
sizes="xxxxxxx" (waarbij xxxxxxx = een of meer maten, zoals 16x16, 16x16 32x32 of any)
type="xxxxxxx" (waarbij xxxxxxx = MIME type)
/> |
| <main | > |
| <map | name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
> |
| <mark | > |
| <menu | label="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
type="list | popup | toolbar"
> |
| <menuitem | (alléén binnen het HTML element 'menu')
checked
command="xxxxxxx"
disabled
icon="urh"
label="xxxxxxx" (waarbij xxxxxxx = command naam)
radiogroup
type="command | checkbox | radio"
> |
| <meta | (alléén binnen het HTML element 'head')
charset="xxxxxxx"
content="xxxxxxx" (afhankelijk van de attributen 'http−equiv' of 'name')
http−equiv="xxxxxxx" (altijd zonder 'name'!)
(waarbij xxxxxxx kan zijn:- content−language
- content−script−type met het attribuut: content="text/javascript"
- content−style−type met het attribuut: content="text/css"
- content−type met het attribuut: content="text/html[; charset=yyyyyyy]" (waarbij yyyyyyy bijvoorbeeld kan zijn: iso−8859−1)
- default−style
- refresh met het attribuut: content="yyyyyyy; URL=http://…" (waarbij yyyyyyy = aantal seconden)
- reply−to met het attribuut: content=yyyyyyy (waarbij yyyyyyy = e-mailadres)
name="xxxxxxx" (altijd zonder 'http−equiv'!)
(waarbij xxxxxxx kan zijn:- apple-mobile-web-app-capable (alléén voor mobiele apparaten)
met het attribuut: content="yes | no" - apple-mobile-web-app-status-bar-style (alléén voor mobiele apparaten)
met het attribuut: content="black | black-translucent | default" - application−name
- author
- description
- format-detection (alléén voor mobiele apparaten)
met het attribuut: content="telephone-no" - generator
- keywords
- viewport (alléén voor mobiele apparaten)
met het attribuut: content="yyyyyyy" (waarbij yyyyyyy een of meer opties kan bevatten:- height=[xxxxxxx | device-height] (waarbij xxxxxxx = aantal pixels (minmaal 223)
- initial-scale=xxxxxxx (waarbij xxxxxxx = zoomfactor (standaard: 1.0))
- maximum-scale=xxxxxxx (waarbij xxxxxxx = zoomfactor (tussen 0.25 en 10.0))
- minimum-scale=xxxxxxx (waarbij xxxxxxx = zoomfactor (tussen 0.25 en 10.0))
- user-scalable=[no | yes]
- width=[xxxxxxx | device-height] (waarbij xxxxxxx = aantal pixels (tussen 200 en 10000))
/> |
| <meter | high="xxxxxxx"
low="xxxxxxx"
max="xxxxxxx"
min="xxxxxxx"
optimum="xxxxxxx"
value="xxxxxxx"
> |
| <nav | > |
| <noscript | > |
| <object | data="urh"
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
height="xxxxxxx" (waarbij xxxxxxx = aantal pixels of in percentage)
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
type="xxxxxxx" (waarbij xxxxxxx = MIME type)
usemap="xxxxxxx" (waarbij xxxxxxx = de identificatie naam van een HTML element '…')
width="xxxxxxx" (waarbij xxxxxxx = aantal pixels of in percentage)
> |
| <ol | reversed
start="xxxxxxx" (waarbij xxxxxxx = begin nummering)
type="1 | A | I | a | i"
> |
| <optgroup | disabled
label="xxxxxxx"
> |
| <option | (alléén binnen het HTML element 'datalist' | 'select')
disabled
label="xxxxxxx"
selected
value="xxxxxxx"
> |
| <output | (waar er alléén door een programma in javascript uitgevoerd wordt!)
for="xxxxxxx" (waarbij xxxxxxx = een of meer identificatie namen gescheiden door een of meer spaties)
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
> |
| <p | > |
| <param | (alléén binnen het HTML element 'object')
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
value="xxxxxxx"
/> |
| <pre | > |
| <progress | (waar er alléén door een programma in javascript uitgevoerd wordt!)
max="xxxxxxx"
value="xxxxxxx"
> |
| <q | cite="urh" (ook nuttig voor schermlezers)
> |
| <rb | (alléén binnen het HTML element 'rbc of ruby')
> |
| <rbc | (alléén binnen het HTML element 'ruby')
> |
| <rp | (alléén binnen het HTML element 'ruby')
> |
| <rt | (alléén binnen het HTML element 'rtc of ruby')
> |
| <rtc | (alléén binnen het HTML element 'ruby')
> |
| <ruby | > |
| <s | (liever niet gebruiken; het zou nuttig kunnen zijn voor een andere speciale opmaak)
> |
| <samp | > |
| <script | async
charset="xxxxxxx"
defer
src="urh"
type="xxxxxxx" (waarbij xxxxxxx = MIME type)
> |
| <section | > |
| <select | autofocus
disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
multiple
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
required
size="xxxxxxx" (waarbij xxxxxxx = aantal opties voor weergave)
> |
| <small | > |
| <source | (alléén binnen het HTML element 'audio' of 'video')
media="mdc"
src="urh" (waarbij de extensie moet gelijk zijn aan die van het attribuut 'type' van het HTML element 'video' alléén)
type="video/mp4 | video/ogg | video/webm"
/> |
| <span | > |
| <strong | > |
| <style | (alléén binnen het HTML element 'head')
media="mdc"
scoped
type="xxxxxxx" (waarbij xxxxxxx = MIME type)
> |
| <sub | > |
| <summary | (kan bijvoorbeeld gebruikt worden binnen het HTML element 'details')
> |
| <sup | > |
| <svg | > |
| <table | border[="1"]
sortable
> |
| <tbody | (alléén binnen het HTML element 'table')
> |
| <td | (alléén binnen het HTML element 'tr')
colspan="xxxxxxx" (waarbij xxxxxxx = aantal kolommen)
rowspan="xxxxxxx" (waarbij xxxxxxx = aantal rijen)
> |
| <template | > |
| <textarea | autofocus
cols="xxxxxxx" (waarbij xxxxxxx = aantal tekens per kolom)
disabled
form="xxxxxxx" (waarbij xxxxxxx = identificatie naam van een HTML element 'form')
maxlength="xxxxxxx" (waarbij xxxxxxx = maximaal aantal tekens)
minlength="xxxxxxx" (waarbij xxxxxxx = minimaal aantal tekens)
name="xxxxxxx" (waarbij xxxxxxx = unieke naam van dit HTML element)
placeholder="xxxxxxx" (waarbij xxxxxxx = korte tip voor gebruiker)
readonly
required
rows="xxxxxxx" (waarbij xxxxxxx = aantal rijen)
wrap="hard | soft"
> |
| <tfoot | (alléén binnen het HTML element 'tbody' of 'thead')
> |
| <th | (alléén binnen het HTML element 'tr')
colspan="xxxxxxx" (waarbij xxxxxxx = aantal kolommen)
rowspan="xxxxxxx" (waarbij xxxxxxx = aantal rijen)
scope="col | colgroup | row | rowgroup"
> |
| <thead | (alléén binnen het HTML element 'table')
> |
| <time | datetime="yyyy−mm−ddThh:mm:ss[Zzzz]" (waarbij zzz = tijdzone code met '+hh:mm' of '−hh:mm)
> |
| <title | (verplicht; alléén binnen het HTML element 'head')
> |
| <tr | (alléén binnen het HTML element 'table of tbody of tfoot of thead')
> |
| <track | kind="captions | chapters | descriptions | metadata | subtitles"
default
label="xxxxxxx"
src="urh"
srclang="xxxxxxx" (waarbij xxxxxxx = taalcode)
/> |
| <u | (liever niet gebruiken; het zou nuttig kunnen zijn voor een andere speciale opmaak)
> |
| <ul | > |
| <var | > |
| <video | autoplay
controls
height="lgt"
loop
mediagroup="xxxxxxx" (waarbij xxxxxxx = mediagroepnaam)
muted
poster="urh"
preload[="auto | metadata"]
src="urh"
width="lgt"
>
Een of meer HTML elementen 'source' moeten ertussen zijn. |
| <wbr | /> |
