Kuidas veebi lehe HTML-i lähtekoodiga Safaris vaadata

Soovite näha, kuidas veebileht on ehitatud? Proovige vaadata selle lähtekoodi.

Veebilehe HTML-i allika vaatamine on üks lihtsamaid (ja samas kõige efektiivsemaid) HTML-i õppimise viise, eriti uuemate veebiprofessionaalide jaoks, kes on just selles valdkonnas alustanud. Kui näete veebisaidil midagi ja soovite teada, kuidas seda teha, vaadake selle saidi lähtekoodi.

Kui teile meeldib veebisaidi kujundus, vaadake allikat, et näha, kuidas see paigutus saavutati, aitab teil õppida ja oma tööd paremaks muuta. Aastate jooksul on paljud veebidisainerid ja arendajad omandanud üsna palju HTML-e, lihtsalt vaadates nende veebilehtede allikat . See on suurepärane võimalus algajatele õppida HTML-i ja kogenud veebiprofessionaate, et näha, kuidas saidile on rakendatud uusi tehnikaid.

Pea meeles, et lähtefailid võivad olla väga keerukad. Lehe HTML-märgisega kaasneb ilmselt ka palju CSS-i ja skriptikeeme, mida kasutatakse selle saidi välimuse ja funktsionaalide loomiseks, nii et ärge unustage, kui te ei saa aru, mis toimub kohe. HTML-allika vaatamine on vaid esimene samm. Pärast seda võite kasutada selliseid tööriistu nagu Chris Pedericki veebiarendaja laiendust, et vaadata CSS-i ja skripte, samuti kontrollida HTML-i teatud elemente.

Kui kasutate Safari brauserit, saate vaadata, kuidas selle loomisel näha lehe lähtekoodi.

Kuidas vaadata HTML-i lähtekoodi Safaris

  1. Avage Safari.
  2. Liikuge veebilehele, mida soovite uurida.
  3. Klõpsake ülemise menüüriba menüüs Töötamine. Märkus. Kui menüü Arendus ei ole nähtav, avage jaotises Täpsem jaotises Eelistused ja valige menüüribal käsk Näita menüüd.
  4. Klikkige käsul Kuva lehe allikas . See avab tekstiakna lehe HTML-i allikaga, mida otsite.

Näpunäited

  1. Enamikul veebilehtedel saate vaadata allikaid, paremklõpsates lehel (mitte pildil) ja valides Näita lehe allikaid. See kuvatakse ainult siis, kui eelistustes on lubatud menüü Arendus.
  2. Safari sisaldab ka HTML-allika vaatamiseks mõeldud kiirklahvi - hoidke all käsku ja valikuklahvi ning vajutage U (Cmd-Opt-U.)

Kas lähtekoodi vaatamine on õigustatud?

Kuigi saidi koodi hulgi kopeerimine ja saidil oleva saidi väljalülitamine on kindlasti mitte vastuvõetav, on selle koodi kasutamine selle all, et õppida, on tegelikult see, kui palju edusamme selles tööstusharus tehakse. Tegelikult on teil tõsiselt vaevatud täna töötav veebiprofessionaal, kes ei ole midagi õppinud, vaadates saidi allikat!

Lõpuks õpivad veebiprofessionaalid üksteiselt ja parandavad sageli tööd, mida nad näevad ja on inspireeritud, nii et ärge kartke saidi lähtekoodi vaadata ja kasutada seda õppevahendina.