
Handige webwinkels
Een webwinkel voor weinig klinkt heel aantrekkelijk... maar vraagt u zich eens af: Zou u op basis van deze criteria ook uw eigen winkelpand uitzoeken? Verder lezen!
Nieuwe elementen in HTML5
Sinds de introductie van HTML 4(.01) is er veel veranderd in de internet wereld. Sommige onderdelen van HTML4 zijn verouderd, vergeten of worden in feite verkeerd gebruikt. Dit soort onderdelen worden verwijderd of veranderd in HTML5. Om beter om te kunnen gaan met de huidige eisen van de internetters beschikt HTML5 over nieuwe elementen om informatie en code beter te kunnen structureren, te teken, audio en video toe te passen en betere formulier afhandeling.
In het onderstaande overzicht zijn de nieuwe markup elementen (tbv van structurering pagina), media elementen, canvas elementen, form elementen en invoer elementen opgesomd.
Nieuwe Markup Elementen
Nieuwe elementen waarmee informatie beter gestructureerd kan worden.
| article | Om informatie uit externe bronnen aan te duiden, zoals nieuwsberichten, artikelen of informatie uit fora. |
| aside | Om gerelateerde content aan te duiden. Informatie die tussen deze tag staat moet slaan op de informatie waar ze tussen staat. |
| command | Een knop, radioknop of keuzevakje. |
| details | Tussen deze tags kunnen details over een document of een deel daarvan worden geplaatst. |
| summary | Een onderschrift of samenvatting in het details element. |
| figure | Om een sectie of losse content te groeperen. |
| figcaption | Onderschrift voor de figure sectie. |
| footer | Voor de `voettekst` van een document. |
| header | Voor de `koptekst` van een document, hier kan ook de navigatie in staan. |
| hgroup | voor een verzameling kopjes (h1,h2...h6). De laagste kop (of hoogste net hoe je het bekijkt) headin is de hoofdkop van de sectie en alle andere koppen zijn subkoppen is. |
| mark | Digitale markeerstift. |
| meter | Om een meting te doen, werk alleen als de maximale en minimale waarden bekend zijn. |
| nav | De navigatie balk |
| progress | De voortgang van de werkzaamheden. |
| ruby | Om uitspraak notities voor of boven chinese karakters te plaatsen |
| rt | Toelichting op de inhoud van de ruby tag |
| rp | Wat browsers moeten tonen die de ruby tag niet ondersteunen |
| section | Met deze tag kunnen secties in een document worden aangeduid. Zoals paragrafen, kopjes, voetteksten etc. |
| time | Om een tijd en/of datum in aan te geven. |
Nieuwe Media Elementen
HTML 5 voorziet in een nieuwe standaard voor media elementen.
| audio | Voor multimedia content, geluiden, muziek of andere audio streams |
| video | Voor video content, zoals een filmclipje of een video stream |
| source | Voor media bronnen van media elementen, gedefinieerd in de video en audio elementen |
| embed | Voor embedded content, zoals plug-ins (deze tag zou je dus in de toekomst niet zo vaak nodig moeten hebben) |
Het Canvas Element
Het canvas element gebruikt JavaScript om afbeeldingen te maken.
| canvas | Om afbeelding te maken met behulp van Javascript. |
Neiuwe Formulier Elementen
HTML5 kent nieuwe formulier elementen met meer functionaliteiten:
| datalist | Een optielijst met invoer waarden |
| keygen | Genereert sleutels om gebruikers te authenticeren |
| output | Voor verschillende soorten output, bijvoorbeeld gemaakt door een script |
Nieuwe invoervelden
In het formulier zijn er ook veel nieuwe invoervelden. Daardoor is een beter invoercontrole mogelijk!
| tel | De invoer waarde is van type telefoon nummer |
| search | De invoer waarde is een zoek veld |
| url | De invoer waarde is een URL |
| De invoer waarde is één of meer e-mail adressen | |
| datetime | De invoer waarde is een datum en/of tijdstip |
| date | De invoer waarde is een datum |
| month | De invoer waarde is een maand |
| week | De invoer waarde is een week |
| time | De invoer waarde is van het type tijd |
| datetime-local | De invoer waarde is de lokale datum/tijd |
| number | De invoer waarde is een nummer |
| range | De invoer waarde is een number binnen een opgegeven bereik |
| color | De invoer waarde is een hexadecimale kleur, zoals #FF0000 |
Vul het contactformulier in!
Mark Bloemendaal - BMD Advies Oost over Factif
Bij Factif kijken ze meer dan alleen naar de vraag die gesteld wordt. Technisch kunnen ze alles realiseren maar Factif is sterk in denken van oplossingen die voor de organisatie het meest passend is. Verder lezen!
