Wyświetlanie źródła HTML strony internetowej jest jednym z najłatwiejszych (a jednocześnie najskuteczniejszych) sposobów uczenia się języka HTML, zwłaszcza dla nowszych profesjonalistów internetowych, którzy dopiero zaczynają pracę w branży. Jeśli widzisz coś na stronie i chcesz się dowiedzieć, jak to się stało, wyświetl kod źródłowy tej witryny.
Jeśli podoba Ci się układ strony internetowej, wyświetlenie źródła, aby zobaczyć, jak ten układ został osiągnięty, pomoże ci uczyć się i ulepszać własną pracę. Przez lata wielu projektantów stron internetowych i programistów nauczyło się dużo HTML po prostu patrząc na źródło stron internetowych, które widzą. Jest to świetny sposób dla początkujących, aby uczyć się HTML i dla doświadczonych profesjonalistów internetowych, aby zobaczyć, jak nowe techniki mogą być stosowane do witryny.
Pamiętaj, że pliki źródłowe mogą być bardzo skomplikowane. Oprócz znaczników HTML dla strony prawdopodobnie będzie wiele plików CSS i skryptów, które są używane do tworzenia wyglądu i funkcjonalności tej witryny, więc nie denerwuj się, jeśli nie możesz od razu zorientować się, co się dzieje. Wyświetlanie źródła HTML to tylko pierwszy krok. Następnie możesz użyć narzędzi takich jak rozszerzenie Web Developer firmy Chris Pederick, aby przyjrzeć się CSS i skryptom, a także sprawdzić poszczególne elementy HTML.
Jeśli używasz przeglądarki Safari, tutaj możesz zobaczyć kod źródłowy strony, aby zobaczyć, jak został utworzony.
Jak wyświetlić źródło HTML w Safari
-
Otwórz Safari.
-
Przejdź do strony internetowej, którą chcesz zbadać.
-
Kliknij na Rozwijać się menu na górnym pasku menu.
Jeśli menu Develop nie jest widoczne, przejdź do Preferences w sekcji Advanced i wybierz Show Develop menu na pasku menu.
-
Kliknij Pokaż źródło strony. Otworzy się okno tekstowe ze źródłem HTML strony, którą przeglądasz.
Wskazówki
- Na większości stron internetowych można również wyświetlić źródło, klikając prawym przyciskiem myszy na stronie (nie na obrazie) i wybierając polecenie Pokaż źródło strony. Ta opcja będzie wyświetlana tylko wtedy, gdy w menu Preferencje zostanie włączone menu rozwijane.
- Safari ma również skrót klawiszowy do przeglądania źródła HTML - przytrzymaj klawisze poleceń i opcji i naciśnij U (Cmd-Opt-U.)
Czy oglądanie kodu źródłowego jest legalne?
Podczas gdy kopiowanie kodu witryny na sprzedaż hurtową i przekazywanie jej jako własnej na stronie jest z pewnością nie do przyjęcia, używanie tego kodu jako odskoczni do uczenia się jest tak naprawdę postępem w tej branży. W rzeczywistości trudno znaleźć profesjonalnego web profesjonalistę, który nie nauczyłby się czegoś, przeglądając źródło strony!
W końcu specjaliści od Internetu uczą się od siebie nawzajem i często ulepszają pracę, którą widzą i są zainspirowani, więc nie wahaj się zobaczyć kodu źródłowego strony i użyj go jako narzędzia do nauki.
