Hoewel de meeste makers van een website gebruik maken van software om snel en eenvoudig de website bij te werken, is kennis van de structuur van een HTML-pagina niet helemaal nutteloos. Bij de meeste software (of pakketten, zoals velen het graag noemen) is er namelijk de mogelijkheid om zelf een zogenaamde template, theme, style of sjabloon te bouwen en zo de website een volledig eigen uiterlijk te geven. Hierbij is kennis van HTML en CSS niet helemaal overbodig. Zodoende is het ook wel eens handig om gewoon de indeling van een HTML-bestand te zien. Een blikje in de broncode van een webpagina wordt hierdoor meteen een stuk duidelijker.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Titel</title> </head> <body> </body> </html>
Zoals te zien stelt het eigenlijk niet zo heel erg veel voor, laten we er even stap voor stap doorheen lopen.
De eerste regel kan er soms wat anders uitzien, en wordt ook wel de Doctype genoemd. Dit geeft aan de browser door welke versie van HTML of XHTML wordt gebruikt, en waar de regels hiervan te downloaden zijn. Ook voor jezelf kan dit handig zijn, zo weet je welke syntaxis je moet aanhouden bij het bewerken van een document.
Vervolgens wordt het element <html> geopend. Pas helemaal aan het eind van het document wordt dit weer afgesloten, en alles wat er dus in de pagina zit bevind zich binnen dit element. Het heeft verder weinig nut voor de ontwikkelaar zelf. Er zit wel een uitgebreid technisch verhaal achter, maar dat is niet echt interessant.
Een pagina bestaat in HTML verder uit grofweg twee delen. De <head> en de <body>. In de head staat allemaal extra informatie. Op de titel van de pagina na (daarvoor dient het <title>-element) zal de bezoeker van de webpagina dit allemaal niet zien. In de <body> daarentegen komt juist alle inhoud van de pagina terecht. Dit deel van de pagina wordt, op enkele uitzonderingen na, wel gezien door de bezoeker van de website.
Tenslotte, helemaal aan het eind, zien we zoals gezegd het <html>-element weer terug, in dit geval met het afsluitende element.
Dit alles wordt in een HTML-bestand opgeslagen. Hier zijn zoals je hier kan zien een heleboel smaken van.
No related posts.
