Paano Magtingin sa isang Source ng HTML ng Web Page sa Safari

Gustong makita kung paano binuo ang isang webpage? Subukang tingnan ang source code nito.

Ang pagtingin sa pinagmulan ng HTML ng isang web page ay isa sa pinakamadaling (at pa pinaka-epektibong) paraan upang matuto ng HTML, lalo na para sa mas bagong mga propesyonal sa web na nagsisimula pa lamang sa industriya. Kung nakakita ka ng isang bagay sa isang website at nais malaman kung paano ito nagawa, tingnan ang source code para sa site na iyon.

Kung gusto mo lamang ang layout ng isang website, tinitingnan ang pinagmulan upang makita kung paano nakamit ang layout ay makakatulong sa iyong matutunan at mapabuti ang iyong sariling trabaho. Sa paglipas ng mga taon, maraming mga taga-disenyo ng web at mga developer ang natuto ng maraming HTML sa pamamagitan lamang ng pagtingin sa pinagmumulan ng mga web page na nakikita nila. Ito ay isang mahusay na paraan para sa mga nagsisimula upang matuto ng HTML at para sa napapanahong mga propesyonal sa web upang makita kung paano maaaring magamit ang mga bagong diskarte sa isang site.

Tandaan na ang mga mapagkukunang mga file ay maaaring maging lubhang kumplikado. Kasama ng markup ng HTML para sa isang pahina, maaaring mayroong maraming mga CSS at mga script na ginamit upang lumikha ng hitsura at pag-andar ng site na iyon, kaya huwag biguin kung hindi mo alam kung ano ang nangyayari agad. Ang pagtingin sa pinagmulan ng HTML ay ang unang hakbang lamang. Pagkatapos nito, maaari mong gamitin ang mga tool tulad ng extension ng Developer ng Chris Pederick upang tingnan ang CSS at mga script pati na rin suriin ang mga tukoy na elemento ng HTML.

Kung gumagamit ka ng browser ng Safari, narito kung paano mo malalaman ang source code ng pahina upang makita kung paano ito nalikha.

Paano Magtingin sa HTML Source sa Safari

  1. Buksan ang Safari.
  2. Mag-navigate sa pahina ng web na gusto mong suriin.
  3. Mag-click sa menu ng Develop sa tuktok na menu bar. Tandaan: Kung hindi makikita ang menu ng Develop, pumunta sa Mga Kagustuhan sa Advanced na seksyon at piliin ang Show Develop menu sa menu bar.
  4. I-click ang Ipakita ang Pinagmulang Pahina . Magbubukas ito ng window ng teksto gamit ang pinagmulan ng pahina ng HTML na iyong hinahanap.

Mga Tip

  1. Sa karamihan ng mga web page maaari mo ring tingnan ang pinagmulan sa pamamagitan ng pag-click sa kanan sa pahina (hindi sa isang larawan) at pagpili ng Ipakita ang Pinagmulang Pahina. Ipapakita lamang nito kung pinagana ang menu ng Develop sa Mga Kagustuhan.
  2. Ang Safari ay mayroon ding shortcut ng keyboard para sa pagtingin sa pinagmulan ng HTML - pindutin nang matagal ang command at opsyon na key at pindutin ang U (Cmd-Opt-U.)

Ang Legal na Pagtingin sa Source Code ba?

Habang ang pagkopya ng code ng isang site ng pakyawan at pagpapasa ito bilang iyong sarili sa isang site ay tiyak na hindi katanggap-tanggap, gamit ang code na bilang isang pambuwelo upang matuto mula sa ay talagang kung gaano karaming mga advancements ay ginawa sa industriya na ito. Sa katunayan, ikaw ay napigipit na makahanap ng isang nagtatrabaho web professional ngayon na hindi natutunan ang isang bagay sa pamamagitan ng pagtingin sa pinagmulan ng isang site!

Sa dulo, natututo ang mga propesyonal sa web mula sa isa't isa at madalas na nagpapabuti sa trabaho na nakikita nila at kinasihan ng, kaya huwag mag-atubiling tingnan ang source code ng site at gamitin ito bilang tool sa pag-aaral.