Tags
HTML
Talen & Formaten
HyperText Markup Language
HTML is de standaardmarkuptaal voor de structuur en content van webpagina's. Het is geen programmeertaal, maar declaratieve markup. HTML5 introduceerde semantische elementen zoals <article> en <nav>, multimedia, canvas en offline opslag. Het vormt de basis van elke website.
Andere termen met deze tag:
CSS
A
Talen & Formaten
Cascading Style Sheets
CSS is de stylesheet-taal voor de visuele vormgeving en layout van HTML-elementen. Je definieert kleuren, lettertypen, spacing, positionering en animaties. CSS3-modules brachten flexbox, grid, transforms, transitions en animations. De cascade bepaalt welke styles gelden bij conflicten.
A
Talen & Formaten
Parse
AA
Talen & Formaten
Parse
Parsen is het analyseren en omzetten van data van het ene naar het andere formaat, bijvoorbeeld van string naar object. In JavaScript zet JSON.parse() een JSON-string om naar een object en maakt parseInt() van een string een number. Het omgekeerde is stringify/serialize. Parsen gebeurt ook bij HTML/XML en bij compilers en interpreters.
AA
Talen & Formaten
UTF-8
A
Frontend
UTF-8 tekencodering
UTF-8 is de dominante tekencodering voor het web en kan elk Unicode-teken weergeven. Stel het in via de charset-metatag in de HTML-head en via HTTP Content-Type-headers. Zonder correcte encoding kunnen speciale tekens, emoji's en niet-latijnse scripts verkeerd worden weergegeven. UTF-8 is achterwaarts compatibel met ASCII.
A
Frontend
FOUC
AA
Performance
Flash of Unstyled Content
FOUC is een korte flits waarbij ongestylede HTML zichtbaar is voordat CSS en webfonts zijn toegepast. Oorzaken zijn late CSS-load, async CSS, trage fonts of client-side rendering. Voorkom dit met critical CSS inline in de <head>, preload overige CSS non-blocking, minimaliseer render-blocking resources en gebruik font-display: swap/optional.
AA
Performance
Prettier
AA
Tools
Prettier
Prettier is een codeformatter die een consistente stijl afdwingt zonder eindeloze discussies. Het formatteert automatisch bij opslaan of committen en ondersteunt JS, TS, CSS, HTML, JSON en Markdown. Minimale configuratie is benodigd.
AA
Tools
Custom Elements
AAA
Frontend
Custom Elements
Met de web components-API definieer je eigen HTML-tags, zoals <user-card>. Je gebruikt speciale functies (connectedCallback, attributeChangedCallback) en maakt je eigen element customElements.define(). Combineer dit met Shadow DOM voor afschermen en hergebruik zonder framework.
AAA
Frontend
Accessibility
A
Frontend
Web Accessibility (A11y)
Toegankelijkheid betekent dat websites voor iedereen bruikbaar zijn, ook voor mensen met een beperking. Je volgt hierbij de WCAG-richtlijnen. Denk aan semantische HTML, toetsenbord-navigatie, voldoende kleurcontrast, alt-teksten en goede screenreader-ondersteuning.
A
Frontend
Progressive Enhancement
AAA
Frontend
Progressive Enhancement
Progressive enhancement begint met een solide basis die overal werkt. Eerst lever je content met HTML, daarna presentatie met CSS en vervolgens interactie met JavaScript. Zo krijgt iedereen toegang, met extra's voor moderne browsers.
AAA
Frontend
Compression
A
Performance
Compression
Compressie verkleint bestanden voor snellere overdracht tussen server en client. Dit gebeurt server-side voor tekstbestanden zoals HTML, CSS, JS en JSON. De browser decomprimeert automatisch. Veelgebruikte algoritmes zijn Gzip en Brotli.
A
Performance
ASP
A
Talen & Formaten
Active Server Pages
ASP is Microsofts oudere server-side technologie voor dynamische webapps en de voorloper van ASP.NET. Het combineert HTML met VBScript of JScript. Veel legacy-systemen draaien nog op ASP Classic, maar moderne ontwikkeling gebruikt ASP.NET (Core).
A
Talen & Formaten
Meta Tags
A
Frontend
Meta Tags
Meta-tags zijn HTML-tags in de <head> met metadata over de pagina. Ze zijn niet zichtbaar voor gebruikers, maar wel voor bots en browsers. Je gebruikt ze voor SEO (description), social sharing (Open Graph, Twitter Cards), viewport, charset, author en robots. De title is essentieel voor SEO.
A
Frontend
Svelte
AAA
Frontend
Svelte JavaScript Framework
Svelte is een innovatief framework dat op compile-time werkt. Er is geen virtual DOM: frameworkcode verdwijnt in de build-stap. Dit levert kleine bundles en een snelle runtime op. Componenten combineren HTML, CSS en JS in .svelte-bestanden. SvelteKit lijkt qua rol op Next.js.
AAA
Frontend
Markdown
A
Talen & Formaten
Markdown
Markdown is een lichtgewicht markuptaal voor geformatteerde tekst met een eenvoudige plaintext-syntax. De bron is goed leesbaar en converteert naar HTML. Voorbeelden zijn # headers, AAboldAA, AitalicA, [links](url), lijsten en codeblokken. Het is populair voor documentatie, blogs en comments (CommonMark, GFM).
A
Talen & Formaten
PHP
A
Talen & Formaten
Hypertext Preprocessor
PHP is een populaire open-source server-side scripttaal, speciaal ontworpen voor webdevelopment. Het is dynamisch getypeerd en kan direct in HTML worden ingebed. Moderne PHP is snel en feature-rijk. Het drijft talloze sites aan (zoals WordPress) en heeft sterke database-integratie en een volwassen ecosysteem.
A
Talen & Formaten
XML
A
Talen & Formaten
eXtensible Markup Language
XML is een markuptaal voor gestructureerde, zelfbeschrijvende dataopslag en -transport. Het is mens- en machinaal leesbaar en strenger dan HTML (met verplichte closing tags). Toepassingen zijn configuratie, data-uitwisseling, SOAP en RSS. Voor web-API's is JSON vaak de lichtere keuze.
A
Talen & Formaten
Semantic HTML
A
Frontend
Semantic HTML
Semantische HTML gebruikt elementen volgens hun betekenis, zoals <article>, <nav>, <header> en <section>, in plaats van generieke <div>-tags. Dit verbetert toegankelijkheid, SEO en de leesbaarheid van de code.
A
Frontend
Tailwind CSS
AA
Frontend
Tailwind Cascading Style Sheets
Tailwind is een utility-first CSS-framework waarbij je classes zoals 'flex', 'pt-4' en 'text-center' direct in HTML gebruikt. Het is eenvoudig aan te passen via een configbestand en verwijdert ongebruikte CSS met tree-shaking. Het levert snelle ontwikkeling op, maar maakt de HTML voller.
AA
Frontend
W3C
A
Concepten
World Wide Web Consortium
Het W3C is een internationale gemeenschap die webstandaarden en protocollen ontwikkelt, zoals HTML, CSS, SVG en richtlijnen voor toegankelijkheid. Omdat de leden het samen eens worden, werken websites goed in verschillende browsers en op verschillende apparaten.
A
Concepten
Scraping
AAA
Concepten
Web scraping
Web scraping is het automatisch extraheren van data van websites door HTML te parseren. Tools zijn BeautifulSoup (Python), Puppeteer (JavaScript) en Scrapy (Python). Toepassingen zijn prijsvergelijking, contentmonitoring en data-analyse. Let op juridische en ethische aspecten: controleer de gebruiksvoorwaarden, robots.txt en de privacywetgeving (GDPR).
AAA
Concepten
SPA
AA
Concepten
Single Page Application
Een SPA is een webapplicatie die inhoud dynamisch binnen één HTML-pagina laadt, zonder volledige page refresh. Frameworks zoals React, Vue en Angular zorgen voor asynchrone contentupdates. Dit biedt een app-achtige ervaring, met wel aandachtspunten voor SEO en initiële laadtijd.
AA
Concepten
Template Engine
A
Backend
Template Engine
Een template engine voegt server-side dynamische content samen met templates om HTML te genereren. Zo scheid je presentatie (views) van logica (controllers). Features zijn variabelen, loops, conditionals, includes en inheritance. Voorbeelden: Blade, Twig, en Smarty.
A
Backend
Critical CSS
AA
Performance
Critical CSS
Critical CSS plaatst essentiële stijlen voor above-the-fold content inline in de <head>. De rest laad je asynchroon. Zo verminder je render-blocking CSS en versnel je de eerste weergave. Let op de balans: te veel inline CSS vergroot de HTML, te weinig veroorzaakt FOUC.
AA
Performance
Meta data
AA
Frontend
Metadata
Metadata is data over data: het beschrijft en geeft context aan andere data. In webontwikkeling omvat dit HTML-metatags in de <head>, HTTP-headers, structured data (Schema.org), Open Graph-tags en EXIF-gegevens van bestanden. Goede metadata verbetert SEO, toegankelijkheid en de weergave op social media en in zoekresultaten.
AA
Frontend
DOM
A
Frontend
Document Object Model
De DOM is de boomstructuur die de browser van een HTML-document maakt, waarbij elk element een node is. JavaScript kan de DOM manipuleren met bijvoorbeeld getElementById, querySelector en appendChild. Dit triggert reflow/repaint en kost performance. Een virtual DOM (zoals in React) optimaliseert dit.
A
Frontend
JSX
AAA
Talen & Formaten
JavaScript XML
JSX is een JavaScript/XML-achtige syntax voor React-componenten. Het is syntactic sugar die via Babel transpileert naar React.createElement(). Zo kun je HTML-achtige code in JavaScript schrijven. Bestanden hebben vaak .jsx als extensie, maar .js kan ook.
AAA
Talen & Formaten
ICO
AA
Talen & Formaten
Icon
ICO is het favicon-formaat met kleine pictogrammen voor browsertabs, bladwijzers en snelkoppelingen. Het kan meerdere groottes bevatten (16x16px, 32x32px, 48x48px). Koppel in de HTML-head met <link rel='icon'>. Alternatieven zijn PNG of SVG. Zet favicon.ico in de rootmap zodat browsers het automatisch vinden.
AA
Talen & Formaten
400 kaartjes
Een uitgebreide collectie begrippen voor elk niveau
12 categorieen
Van HTML & CSS tot databases en security
3 niveaus
Geschikt voor beginners en gevorderden
Voor teams & klassen
Ideaal als lesmateriaal of teambuilding tool
Offline oefenen
Fysiek aan de slag, zonder scherm