Att visa HTML-källan till en webbsida är ett av de enklaste (men ändå mest effektiva) sätten att lära sig HTML, speciellt för nyare webbproffs som precis börjat i branschen. Om du ser något på en webbplats och vill veta hur det var gjort, se källkoden för den webbplatsen.
Om du precis gillar layouten på en webbplats, kan du läsa och förbättra ditt eget arbete genom att titta på källan för att se hur den här layouten uppnåddes. Under åren har många webbdesigners och utvecklare lärt sig ganska mycket HTML helt enkelt genom att titta på källan till webbsidor som de ser. Det är ett bra sätt för nybörjare att lära sig HTML och för erfarna webbproffs för att se hur nya tekniker kan ha tillämpats på en webbplats.
Kom ihåg att källfiler kan vara mycket komplicerade. Tillsammans med HTML-markupen för en sida kommer det förmodligen att finnas många CSS- och skriptfiler som används för att skapa webbplatsens utseende och funktionalitet, så bli inte frustrerad om du inte kan ta reda på vad som händer omedelbart. Att visa HTML-källan är bara det första steget. Därefter kan du använda verktyg som Chris Pedericks webbutvecklareutvidgning för att titta på CSS och skript samt inspektera specifika delar av HTML.
Om du använder Safari-webbläsaren, så här kan du se en källkod för en sida för att se hur den skapades.
Så här visar du HTML-källan i Safari
-
Öppna Safari.
-
Navigera till den webbsida du vill undersöka.
-
Klicka på Utveckla menyn i översta menyraden.
Om menyn Utveckla inte är synlig, gå till Inställningar i avsnittet Avancerat och välj Visa utveckla meny i menyraden.
-
Klick Visa sidkälla. Detta öppnar ett textfönster med HTML-källan till den sida du tittar på.
tips
- På de flesta webbsidor kan du även se källan genom att högerklicka på sidan (inte på en bild) och välja Visa sidkälla. Detta visas bara om menyn Utveckla är aktiverad i Inställningar.
- Safari har också en snabbtangent för att visa HTML-källan - håll ned kommandot och alternativtangenterna och tryck U (Cmd-Opt-U.).
Visas källa koden juridiskt?
Samtidigt som du kopierar en webbplats kodkodsproduktion och skickar bort den som din egen på en webbplats är det säkert inte acceptabelt. Det är faktiskt hur många framsteg som görs inom den här industrin med hjälp av den koden som ett springbräda för att lära av. Faktum är att du skulle vara svårt att hitta en arbetswebbprofessor idag som inte har lärt sig något genom att titta på en webbplatss källa!
I slutändan lär websekreterare sig av varandra och förbättrar ofta det arbete de ser och inspireras av, så tveka inte att se en webbplatss källkod och använda den som ett lärandeverktyg.
