Scheiding van structuur en presentatie.
Bron: http://www.sceneone.nl/algemeen/structuur_inhoud.php
Titel: HTML en CSS tutorials
Auteur: Wybe Weysters
Wanneer je jezelf wat meer gaat verdiepen in de moderne manier van webdesign die ik op deze pagina's beschrijf
zul je regelmatig de opmerking tegenkomen dat het gaat om de scheiding van structuur en presentatie.
Met de structuur bedoel ik de structurering van de inhoud. Welke elementen gebruik je
om de inhoud van een pagina op die pagina te plaatsen. Dit doe je in de markup (= de html code).
Met de presentatie bedoel ik de opmaak van je inhoud: de opmaak van de teksten, de afbeeldingen,
de navigatie en de positionering van de elementen op je pagina. Dit doe je in de stylesheet
Structuur is html, presentatie is css
Het is dus de bedoeling dat je de verschillende elementen die je in een pagina wilt gebruiken vastlegt
in de html en dat je vervolgens de opmaak en positionering van die elementen vastlegt in de css. Met andere
woorden, als je de structuur van je pagina op een goed doordachte manier in je html vastgelegd hebt kun
je het uiterlijk van een pagina volledig veranderen door te wisselen van css.
Bekijk dit eenvoudige voorbeeld maar eens.
Voordelen
Wanneer je werkt volgens deze schone, overzichtelijke en professionele regels bouw je websites die:
- toegankelijk zijn voor iedereen
- begrijpelijk zijn voor iedereen
- eenvoudig te doorzoeken zijn voor iedereen (inclusief zoekmachines zoals Google)
- onderhoudsvriendelijk zijn
- professionaliteit uitstralen op ieder niveau
Voor een aantal sterke staaltjes van scheiding van structuur en presentatie moet je voor de aardigheid de zengarden eens bezoeken