At se HTML-kilden til en webside er en af de nemmeste (men alligevel mest effektive) måder at lære HTML på, især for nyere web-fagfolk, som lige er begyndt i branchen. Hvis du ser noget på et websted og vil vide, hvordan det blev gjort, skal du se kildekoden for det pågældende websted.
Hvis du bare ligner layoutet på et websted, kan du læse og forbedre dit eget arbejde ved at se kilden for at se, hvordan dette layout blev opnået. Gennem årene har mange webdesignere og udviklere lært en masse HTML blot ved at se kilden til de websider, de ser. Det er en god måde for begyndere at lære HTML og for erfarne webprofessionelle at se, hvordan nye teknikker kan have været anvendt på et websted.
Husk at kildefiler kan være meget komplicerede. Sammen med HTML-markeringen for en side vil der sandsynligvis være mange CSS- og script-filer, der bruges til at oprette webstedets udseende og funktionalitet, så hold dig ikke frustreret, hvis du ikke kan finde ud af, hvad der foregår med det samme. Visning af HTML-kilden er kun det første skridt. Derefter kan du bruge værktøjer som Chris Pedericks webudviklerudvidelse til at se på CSS og scripts samt inspicere specifikke elementer i HTML'en.
Hvis du bruger Safari-browseren, kan du se, hvordan du kan se en sides kildekode for at se, hvordan den blev oprettet.
Sådan får du vist HTML-kilden i Safari
-
Åbn Safari.
-
Naviger til den webside, du gerne vil undersøge.
-
Klik på Udvikle menuen i øverste menulinje.
Hvis menuen Udvikle ikke er synlig, skal du gå til Indstillinger i afsnittet Avanceret og vælge Vis udvikle-menu i menulinjen.
-
Klik Vis side kilde. Dette åbner et tekstvindue med HTML-kilden til den side, du kigger på.
Tips
- På de fleste websider kan du også se kilden ved at højreklikke på siden (ikke på et billede) og vælge Vis sidekilde. Dette vises kun, hvis menuen Udvikle er aktiveret i Indstillinger.
- Safari har også en tastaturgenvej til visning af HTML-kilden - hold kommando- og optionstasterne nede og tryk U (Cmd-Opt-U.).
Er visningskilden juridisk?
Mens du kopierer et websteds kode engros og afleverer det som din egen på et websted, er det bestemt ikke acceptabelt, idet du bruger denne kode som springbræt for at lære af, er faktisk hvor mange fremskridt der gøres i denne branche. Faktisk vil du være hårdt presset til at finde en arbejdende web-professionel i dag, som ikke har lært noget ved at se et websteds kilde!
I sidste ende lærer web-fagfolk hinanden og ofte forbedrer det arbejde, de ser og er inspireret af, så tøv ikke med at se et websteds kildekode og brug det som et læringsværktøj.
