Het bekijken van de HTML-bron van een webpagina is een van de gemakkelijkste (en toch meest effectieve) manieren om HTML te leren, vooral voor nieuwere webprofessionals die net begonnen zijn in de branche. Als u iets op een website ziet en wilt weten hoe dit is gebeurd, bekijkt u de broncode voor die site.
Als u alleen van de lay-out van een website houdt, kunt u de bron bekijken om te zien hoe die lay-out is bereikt, zodat u uw eigen werk kunt leren en verbeteren. In de loop der jaren hebben veel webontwerpers en ontwikkelaars heel wat HTML geleerd door simpelweg de bron van webpagina's te bekijken die ze zien. Het is een geweldige manier voor beginners om HTML te leren en voor doorgewinterde webprofessionals om te zien hoe nieuwe technieken mogelijk zijn toegepast op een site.
Vergeet niet dat bronbestanden erg ingewikkeld kunnen zijn. Samen met de HTML-markup voor een pagina, zullen er waarschijnlijk veel CSS- en scriptbestanden zijn die worden gebruikt om de look en functionaliteit van die site te creëren, dus raak niet gefrustreerd als je niet meteen weet wat er aan de hand is. Het bekijken van de HTML-bron is slechts de eerste stap. Hierna kunt u tools als de webontwikkelaarsextensie van Chris Pederick gebruiken om de CSS en scripts te bekijken en specifieke elementen van de HTML te bekijken.
Als u de Safari-browser gebruikt, kunt u hier de broncode van een pagina bekijken om te zien hoe deze is gemaakt.
Hoe de HTML-bron in Safari te bekijken
-
Open Safari.
-
Navigeer naar de webpagina die u wilt bekijken.
-
Klik op de Ontwikkelen menu in de bovenste menubalk.
Als het ontwikkelmenu niet zichtbaar is, ga dan naar de Voorkeuren in de sectie Geavanceerd en selecteer het menu Ontwikkelen tonen in de menubalk.
-
Klik Toon paginabron. Hiermee wordt een tekstvenster geopend met de HTML-bron van de pagina die u bekijkt.
Tips
- Op de meeste webpagina's kunt u de bron ook bekijken door met de rechtermuisknop op de pagina te klikken (niet op een afbeelding) en Paginabron weergeven te kiezen. Dit wordt alleen weergegeven als het menu Ontwikkelen is ingeschakeld in Voorkeuren.
- Safari heeft ook een sneltoets voor het bekijken van de HTML-bron - houd de opdracht- en optietoetsen ingedrukt en druk op U (Cmd-Opt-U.)
Is het bekijken van de broncode legaal?
Hoewel het kopiëren van de groothandel van een site en het doorgeven ervan als die van uzelf op een site zeker niet acceptabel is, is het gebruik van die code als springplank om van te leren eigenlijk hoeveel vooruitgang er in deze branche wordt geboekt. Sterker nog, je zou vandaag de dag moeilijk zijn om een werkende webprofessional te vinden die nog niets heeft geleerd door de bron van een site te bekijken!
Uiteindelijk leren webprofessionals van elkaar en verbeteren ze vaak het werk dat ze zien en laten inspireren, dus aarzel niet om de broncode van een site te bekijken en te gebruiken als een leermiddel.
