Att visa HTML-källan på en webbsida är ett av de enklaste (och mest effektiva) sätten att lära sig HTML, särskilt för nyare webbproffs som just har börjat i branschen. Om du ser något på en webbplats och vill veta hur de fick det resultatet, inspektera källkoden för den webbplatsen. Safari har ett sätt att se källkod på Mac-datorer.
Fördelar med källkod
Att visa källan för att se hur en webbdesigner uppnådde en layout hjälper dig att lära dig och förbättra ditt arbete. Genom åren har många webbdesigners och utvecklare lärt sig en hel del HTML genom att bara se källkoden till webbsidor de ser. Det är ett utmärkt sätt för nybörjare att lära sig HTML och för erfarna webbproffs att se hur andra använder nya tekniker.
Kom ihåg att källfiler kan vara mycket komplicerade. Tillsammans med HTML-koden för en sida kommer det förmodligen att finnas betydande 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 webbutvecklare för att titta på CSS och skript samt inspektera specifika delar av HTML.
Visa källkod i Safari
Så här visar du källkod i Safari. Om ditt operativsystem eller Safari är installerat på engelska kan några av menyerna heta annorlunda än de namnen du ser nedan.
-
Öppna Safari.
-
Navigera till den webbsida du vill undersöka.
-
Välj Utvecklarmenyn i den övre menyraden.
Om Utvecklarmenyn inte är synlig, gå in på Preferenser under sektionen Advancerade inställningar och välj Visa Utvecklarmenyn i menyraden.
-
Välj alternativet Visa Sidkälla för att öppna ett textfönster med HTML-källan på sidan.
På de flesta webbsidor kan du också visa källan genom att högerklicka på sidan (inte på en bild) och välja Visa Sidkälla. Du måste aktivera Utvecklarmenyn i Preferenser för att alternativet ska visas.
Safari har också ett kortkommando för visning av HTML-källan: Håll ned Kommando + Alt och tryck U (Cmd+Alt+U.)
Är visning av källkod lagligt?
Det är verkligen inte acceptabelt att kopiera en webbplats kod och publicera den som din egen på en webbplats, men det är faktiskt många människor som gör framsteg inom denna bransch genom att använda den koden som en språngbräda. Du skulle ha riktigt svårt att inte hitta ett webbproffs idag som inte har upptäckt något genom att titta på webbplatsers källor!
Webbproffs lär sig av varandra och förbättrar ofta det arbete de ser och är inspirerade av, så tveka inte att titta på webbplatsens källkod och använda den som ett inlärningsverktyg.