Skróty klawiszowe strony kodowej Open Source. Jak otworzyć kod źródłowy strony

1 głos

Dzień dobry, drodzy czytelnicy mojego bloga. Czasami trafiasz na jakąś piękną funkcję na stronie internetowej i zaczynasz się zastanawiać, w jaki sposób twórca osiągnął tak ciekawy efekt.

Okazuje się, że odpowiedź jest dość prosta. A jeśli masz pewne umiejętności, możesz zebrać wiele tych funkcji i w krótkim czasie stworzyć własną, niepowtarzalną stronę internetową.

Dzisiaj porozmawiamy o tym, jak otworzyć kod strony, określonego elementu i naucz się wykorzystywać tę umiejętność na swoją korzyść.

Podstawowa znajomość kodu

Moja strona jest przeznaczona dla początkujących i najpierw chciałbym krótko omówić strony i ogólnie kod.

Aby narysować obraz, a następnie pociąć go na małe części, napisz kod, aby przeglądarka ponownie złożyła wszystkie elementy w jedną całość. Czy wszystko wydaje się bardzo skomplikowane? Absolutnie nie i nie ma sensu się nad tym rozwodzić.

Tak powstają wysokiej jakości strony internetowe. Jeśli chcesz, zajmij się tą sprawą i przestudiuj ją, jeśli nie chcesz, nikt Cię do tego nie zmusi.

Powiem tylko jedno... nie ma nic przyjemniejszego niż patrzeć, jak niezrozumiałe słowa, które napisałeś, układają się w jedną całość i ożywają: linki działają, przyciski się poruszają, poruszają się obrazki, tekst raczkuje. Chyba wiem, co czuł Victor Frankenstein.

Kiedy zaczynasz rozumieć tajemny język i widzisz, że wszystko jest o wiele prostsze, niż się początkowo wydawało, nie możesz powstrzymać się od wiary w własną siłę i możliwości mózgu. To jest bardzo fajne.

Jak powstają strony internetowe? Idealnie, najpierw. On po prostu maluje obraz. Na przykład tak, jak pokazano na poniższym obrazku. Na razie to tylko obraz, fotografia. Żadne linki nie działają, po kliknięciu nigdzie nie przechodzisz, nie jest przeprowadzane żadne wyszukiwanie.

Według tego rysunku. Spójrz na zrzut ekranu poniżej. Możesz pomyśleć, że to śmieszne i bardzo złożony zestaw postacie. W rzeczywistości wszystko nie jest tak skomplikowane, istnieje pewien algorytm.

Tagów jest tylko około 150 i każdy z nich odpowiada za konkretną akcję: link, dzielenie wyrazów, pogrubienie, kolor, tytuł i tak dalej. Zrozumienie ich nie jest takie trudne, jeśli masz chęć i nie przeszkadza ci czas.

Dzięki znajomości tych atrybutów można rozwiązać niemal każdy problem. Ale każdy programista znajduje własne sposoby na osiągnięcie celu.

Doświadczeni twórcy od razu widzą, jak osiągnąć rezultaty, inni zaś muszą pomyśleć, poszukać odpowiedzi w artykułach lub w kodzie źródłowym konkurencji. Po prostu pobierają niezbędną część z witryny strony trzeciej i samodzielnie ją edytują. To znacznie skraca proces pracy.

Nieco później pokażę konkretny przykład.

Zobacz kod

Pozwól, że najpierw pokażę ci, jak się zachować, jeśli chcesz poznać kod HTML innej osoby. Następnie przyjrzymy się wszystkim pozostałym pytaniom bardziej szczegółowo.

Najlepszym sposobem

Metoda, którą opiszę najpierw, jest trochę skomplikowana dla początkujących, ale jako wprowadzenie przeczytaj ją. Otwórz stronę i kliknij prawym przyciskiem myszy. Wybierz „Zapisz jako…”

Zapisz całą stronę internetową. Jak widać na zrzucie ekranu, pobrałem już wszystko z wyprzedzeniem. Tutaj mamy dwa foldery.

Wszystko, czego potrzebujesz, jest tutaj. Każdy element. Jeśli to zrozumiesz, możesz szybko zdobyć wszystko, czego potrzebujesz. Jednak takie zadanie staje się coraz bardziej niemożliwe. Nie ma pobierania. Co zrobić, jeśli kopiowanie strony jest zabronione?

To jest Google Chrome

Jak już pewnie zauważyliście, ja najczęściej korzystam GoogleChrome a nauka cudzego kodu w tej przeglądarce jest tak prosta, jak obieranie gruszek. Jak w zasadzie z każdym innym. Schemat będzie nie tylko podobny, ale identyczny. Otwórz stronę, której kod chcemy poznać i kliknij prawym przyciskiem myszy w dowolnym miejscu. W wyświetlonym oknie kliknij „Wyświetl kod strony”.

W nowym oknie otworzy się arkusz kodu, który jest dość trudny do zrozumienia dla początkującego. Ale nie martw się zawczasu.

Jeśli potrzebujesz poznać kod tylko jednego elementu, po prostu najedź na niego myszką i kliknij prawym przyciskiem myszy. Wybierz inną funkcję Chrome: „Wyświetl kod elementu”.

Na przykład, mogę być zainteresowany tym, jak powstało logo, przy użyciu obrazu lub języka programowania? W końcu możesz narysować kwadrat pomoc css. Wielu ekspertów radzi, jak to zrobić więcej informacji napisz w kodzie. Jak działają w popularnych witrynach?

Tak się okazało niezbędne informacje. html na górze, css na dole. To są dwa języki. Pierwszy odpowiada za komponent tekstowy, drugi za projekt. Gdyby nie było CSS, za każdym razem musiałbyś określić kolor i rozmiar czcionki. Dla każdej strony jest to bardzo długie. Ale gdyby nie było HTML, nie mielibyśmy tekstów. Opisałem to mniej więcej, ale ogólnie tak to wygląda.

Swoją drogą, jeśli ciekawi Cię, jak to tutaj działa, możesz zerknąć na link do obrazka poniżej. Oto Twoja odpowiedź.

Mozilla Firefox

Jeśli lubisz pracować w mastyksu, wszystko będzie dokładnie takie samo. Otwórz stronę i kliknij prawy przycisk myszy. „Kod źródłowy strony”, jeśli chcesz zobaczyć cały kod.

Po najechaniu myszką na element możesz otworzyć jego kod.

Tutaj dane są wyświetlane na dole ekranu, ale poza tym wszystko jest dokładnie takie samo.

Przeglądarka Yandex

W przeglądarce Yandex wszystko jest dokładnie takie samo jak w poprzednich dwóch opcjach, otwórz stronę, prawy klucz mysz, spójrz na kod strony.

Najeżdżamy kursorem na element, jeśli chcemy poznać dokładnie jego kod.

Wszystko jest tu wyświetlane dokładnie tak samo jak w Chrome.

Opera

I wreszcie Opera.

Przy okazji, być może zauważyłeś, że nie musisz używać myszy. Aby otworzyć kod, istnieje szybka kombinacja klawiszy i jest taki sam dla wszystkich przeglądarek: CTRL+U.

Dla elementów: Ctrl+Shift+C.

Tak wygląda wynik.

To będzie interesujące dla początkujących

Teraz spójrz, jak wszystko działa. Znajdujesz witrynę i naprawdę podoba Ci się jakiś element. Na przykład ten. Wiesz już jak otworzyć kod elementu.

Teraz skopiuj to.

Używam go, wklej ten kod do nowy HTML plik, w znaczniku body (body w języku angielskim).

Zobaczmy teraz jak to wszystko będzie wyglądać w przeglądarce.

Gotowy. Aby tekst był wyrównany do krawędzi i nabrał zielonkawego koloru, musisz się z tym połączyć dokument CSS i skopiuj inny kod ze strony, z której ukradliśmy ten.

Nie zrobię tego teraz. To wymaga więcej czasu: zarówno mojego, jak i Twojego. Myślę, że opiszę wszystkie szczegóły w moich przyszłych publikacjach. Zapisz się do newslettera i dowiedz się jako pierwszy, gdy pojawi się artykuł.

Jeśli nie możesz tego znieść, ale chcesz już teraz dowiedzieć się więcej o HTML i CSS, to tradycyjnie mogę Ci polecić bezpłatne szkolenia.

Oto 33 lekcje, które pozwolą Ci opanować HTML - « Bezpłatny kurs przez HTML” .

I tu pełna informacja o CSS-ie „Darmowy kurs CSS (45 lekcji wideo!)” .

Teraz wiesz trochę więcej. Życzę powodzenia w Twoich staraniach. Do zobaczenia!

Wypuściliśmy Nowa książka„Marketing treści w w sieciach społecznościowych: Jak trafić do głów subskrybentów i sprawić, by pokochali Twoją markę.”

Subskrybuj

Kod źródłowy witryny jest kombinacją znaczników HTML, stylów CSS i Skrypty JavaScript, które przeglądarka otrzymuje od serwera WWW.

Więcej filmów na naszym kanale - ucz się marketingu internetowego z SEMANTICA

Można to porównać do zestawu poleceń wydawanych żołnierzom przez dowódcę. Wyobraź sobie, że publiczność nie widzi i nie słyszy szefa. Z ich punktu widzenia wojsko prowadzi działania samodzielnie. W naszym przypadku dowódcą jest przeglądarka, polecenia już tak źródło, a maszerujący żołnierze są efektem końcowym.

Strona przechowywana jest na serwerze WWW, który na żądanie użytkownika przesyła stronę. Żądanie polega na wpisaniu adresu URL w pasku adresu, kliknięciu łącza lub kliknięciu przycisku przesyłania w formularzu. Nie ma znaczenia, w jakim języku są napisane strony internetowe, czy je zawierają część oprogramowania. Końcowym rezultatem dowolnego algorytmu po stronie serwera jest zestaw znaczników HTML i tekstu.
Kod źródłowy strony to zbiór danych obejmujący:

• znaczniki HTML;
• arkusz stylów lub łącze do pliku;
• programy napisane w JavaScript lub linki do plików z kodem.

Te trzy sekcje są przetwarzane przez przeglądarkę. W przypadku serwera jest to po prostu tekst, który należy wysłać w odpowiedzi na żądanie.

Dlaczego być może będziemy musieli przestudiować kod źródłowy

Wszystko, co widzimy, możemy przeanalizować i zastosować do rozwiązania określonych problemów pojawiających się podczas pracy z witryną, zwłaszcza podczas jej optymalizacji. Patrząc na kod źródłowy możemy:

• Zobacz metatagi witryny swojej lub innej osoby, aby je przeanalizować.
• Zobacz obecność lub brak niektórych elementów na stronie: liczniki, kody identyfikacyjne różne systemy, niektóre skrypty i inne rzeczy.
• Poznaj parametry elementów: rozmiary, kolory, czcionki.
• Znajdź ścieżkę do zdjęć i innych elementów znajdujących się na stronie.
• Przeglądaj linki ze strony.
• Znajdź problemy z kodem, które zakłócają proces optymalizacji witryny: te, które nie zostały rozwiązane osobne pliki style, skrypty, nieprawidłowy kod.

To podstawowe funkcje, ale tak naprawdę dzięki możliwości odczytania kodu można dowiedzieć się o stronie dużo więcej.

Jak wyświetlić kod źródłowy witryny

Nie będzie możliwości zrobienia tego całkowicie w formie, w jakiej jest on zamieszczony na serwerze z poziomu przeglądarki. Ale możesz zobaczyć wszystkie znaczniki, klikając stronę prawym przyciskiem myszy. Tutaj i dalej Przykład Google’a Chrom.

Wybierz opcję „Wyświetl kod strony” i pobierz pełna lista w osobnej zakładce.

To po prostu tekst, który trzeba przeanalizować, żeby zrozumieć. Ale zdobądź to kod interaktywny możesz skorzystać z narzędzi programistycznych.

Jak znaleźć kod źródłowy strony internetowej

Kliknij ikonę menu w przeglądarce. Najczęściej znajduje się po prawej stronie i wygląda jak trzy kropki lub paski.

W sekcji narzędzi dodatkowych wybierz „Narzędzia dla programistów”.

Otworzy się okno pokazujące aktywny stan kodu. Oznacza to, że po kliknięciu znacznika obok niego pojawi się styl elementu, a wybrane bloki zostaną podświetlone na stronie.

W zakładce „Źródło” możesz przeglądać zawartość niektórych plików: skrypty, czcionki, obrazy.

W zakładce „Bezpieczeństwo” możesz sprawdzić certyfikat witryny.

Zakładka „Audyty” pomoże Ci sprawdzić zasób zamieszczony na hostingu.

Jeśli lokalizacja panelu po prawej stronie jest niewygodna, możesz kliknąć trzy kropki i zmienić je, wybierając żądany element.

Jak wyświetlić metatagi

Każdy dokument HTML zawiera znaczniki struktury. Tutaj jest kilka z nich:

1. HTML – cały dokument.
2. Head – sekcja nagłówków usług.
3. Tytuł – tytuł strony (wyświetlany na zakładce).
4. Treść – treść dokumentu.
5. H1-H6 – nagłówki tekstu strony.
6. Artykuł – artykuł.
7. Sekcja - sekcja.
8. Menu – menu.
9. Div – blok.
10. Rozpiętość – ciąg.
11. P – akapit.
12. Stół – stół.

Elementy mają za zadanie logicznie oddzielać sekcje strony, a w razie potrzeby projektuje się je za pomocą stylów. Zawierają tekst, który jest w jakiś sposób widoczny na stronie. Ale w tagu Head jest informacje serwisowe. Aby to wskazać, używane są metatagi. Wszystko co jest w nich napisane jest przeznaczone dla serwera i wyszukiwarek.

Ich zawartości nie można poznać w żaden inny sposób.

Zwróćmy uwagę na Etykieta łącza. Za jego pomocą określane są łącza do zewnętrznych plików dołączonych. W razie potrzeby możesz zobaczyć zawartość i zapisać na dysku. Aby to zrobić, przesuń wskaźnik na adres i naciśnij PPM. Wybierz „Otwórz w nowej karcie”.

Otworzy się w nowej karcie określony plik, które możesz wyświetlić lub zapisać.

Jak wyświetlić kod źródłowy strony w celu debugowania skryptu

W takim przypadku najwygodniej jest otworzyć stronę na komputerze lokalnym. Jeśli potrzebujesz jedynie poprawić znaczniki, style i skrypty, możesz to zrobić bezpośrednio z folderu. Kod HTML jest przeglądany w ten sam sposób. Oto błędy Kod JavaScript można zobaczyć w zakładce „Konsola”. Wyświetla opis błędu i numer wiersza, w którym wystąpił.

Składnię można zobaczyć bezpośrednio w kodzie. Do tego właśnie służy zakładka „Źródło”.

Jak wyświetlić kod konkretnego elementu

W przypadku dużych stron z duża ilość elementy są trudne do znalezienia wymagany kod w całym znaczniku. W takim przypadku powinieneś użyć specjalny zespół menu kontekstowe. Najedź myszką na fragment i naciśnij RMB. Wybierz polecenie „Wyświetl kod”.

Otworzy się to samo okno, ale z fokusem na wybranym obiekcie.

Streszczenie

Powiedzieliśmy Ci, jaki jest kod źródłowy strony. Wystarczy opanować podstawową wiedzę z zakresu HTML i CSS oraz posługiwania się nim wygodne narzędzia programista, możesz debugować własne dokumenty HTML.

Przeglądanie kodu zasobów w Internecie pozwoli Ci uczyć się nie tylko z własne doświadczenie, ale także używaj prawdziwych przykładów działania. A dla specjalistów SEO przydatne będą metatagi, informacje, które mogą wiele powiedzieć o witrynie.

Ctrl+U

Jak mogę wyświetlić kod źródłowy elementu?

Kliknij prawym przyciskiem myszy interesujący Cię element strony.

Przeglądarka Chrome: „Wyświetl kod elementu”

Opera: „Sprawdź element”

Firefoksa: „Analizuj element”

W innych przeglądarkach poszukaj elementu menu o podobnym znaczeniu.

Cześć wszystkim!

Specjalnie przedstawiłem całą kwestię na początku artykułu, dla tych, którzy szukają szybkiej odpowiedzi.

Informacje te mogą być znane wielu osobom, ale ponieważ piszę dla początkujących blogerów, programistów internetowych i innych poszukiwaczy, ten artykuł referencyjny jest koniecznością.

W przyszłości na pewno przestudiujesz kod źródłowy stron i poszczególnych elementów.

Przyjrzyjmy się konkretny przykład jak możesz skorzystać z przeglądania kodu źródłowego strony.

Na przykład chcemy zobaczyć, do czego używane są słowa kluczowe konkretna strona. Wchodzimy na interesującą nas stronę internetową i wciskamy Ctrl+U. W osobne okno lub w osobna zakładka Otworzy się kod źródłowy tej strony. Naciśnij Ctrl+F aby wyszukać fragment kodu. W w tym przypadku wpisz słowo „w polu wyszukiwania” słowa kluczowe". Zostaniesz automatycznie przekierowany do fragmentu kodu z tym metatagiem, a wyszukiwane słowo zostanie podświetlone.

Analogicznie możesz wyszukiwać i badać inne fragmenty kodu.

Przeglądanie całego kodu źródłowego strony w większości przypadków nie jest zbyt wygodne, dlatego możliwe jest przeglądanie kodu we wszystkich przeglądarkach element indywidualny lub fragment.

Użyjmy konkretnego przykładu przeglądania kodu elementu. Na przykład sprawdźmy, czy link ma atrybut nofollow. Kliknij prawym przyciskiem myszy interesujący nas link i w rozwijanym menu kontekstowym kliknij lewym przyciskiem myszy element „Wyświetl kod elementu” lub podobny (w zależności od przeglądarki). Poniżej w specjalnym oknie do analizy kodu otrzymujemy coś podobnego.

Widzimy, że kod linku zawiera rel=”nofollow” . Oznacza to, że PR nie „wycieknie” przez ten link. Porozmawiamy o tym bardziej szczegółowo w kolejnych artykułach. Teraz ważne jest, abyś wiedział, jak wyświetlić kod źródłowy strony i kod źródłowy pojedynczego elementu.

Przez długi czas opcja „pokaż źródło strony” była dla mnie bezużyteczna i nieciekawa. Do widzenia nauka HTML-a na Codecademy i układ moich własnych stron internetowych nie stał się moim nowym hobby. Tutaj pojawiło się pytanie: gdzie znaleźć prawdziwe przypadki i pożyczyć ciekawe rozwiązania dla swojej „skarbonki”? Odpowiedź była nieoczekiwanie prosta, jak wszystkie genialne rzeczy: spójrz na kod źródłowy strony w przeglądarce Google Chrome! Dzielę się z Wami moimi skromnymi znaleziskami.

Jaki jest kod źródłowy strony

Jeśli tak jak ja dopiero stawiasz pierwsze kroki w programowaniu HTML, dobrze byłoby dowiedzieć się, jaki jest kod źródłowy strony.

Kod źródłowy, znany również jako kod strony HTML, to tekst w języku Hyper Text Markup Language (HTML). Zawiera rzeczywistą zawartość strony (tekst, tabele) i tagi. Te ostatnie pełnią rolę instrukcji dla przeglądarki: jak wyświetlić treść, jakiego rodzaju formatowania użyć, gdzie wstawić hiperłącze lub plik multimedialny. Cóż, dla nas, początkujących programistów, kod źródłowy jest najlepszym poligonem szkoleniowym: znajdujemy interesującą witrynę, szpiegujemy ją, zapisujemy i wykorzystujemy udane fragmenty. Jak?

Jak wyświetlić kod źródłowy na stronie przeglądarki Google Chrome

Znajdź stronę, którą lubisz. Na przykład byłem zainteresowany projektem menu witryny. Otwórz kod źródłowy pod adresem Przeglądarka Google Chrome można wykonać na trzy sposoby:

1. Kliknij ikonę menu po prawej górny róg przeglądarkę i wybierz „ Dodatkowe narzędzia" Dostępna jest między innymi opcja „Wyświetl kod źródłowy”. Szczerze mówiąc, rzadko z niego korzystam Ta metoda: dużo niepotrzebnych ruchów. Można to zrobić jeszcze prościej.
2. Naciśnij kombinację klawiszy Ctrl+U– otwiera się nowe okno z kodem źródłowym;
3. Dla fanów menu kontekstowego: kliknij stronę prawym przyciskiem myszy i wybierz opcję „Wyświetl kod strony”.

Sprostaliśmy zadaniu przeglądania kodu HTML strony w przeglądarce. Przejdźmy do najciekawszego etapu.

Jak edytować i zapisać kod źródłowy

Aby nauczyć się tworzyć strony internetowe, nie wystarczy przeczytać cudzy kod HTML. Trzeba się tym bawić, eksperymentować, wprowadzać zmiany i sprawdzać efekt. Możesz nawet zacząć od skompilowania kilku udanych próbek. Jak edytować i zapisać kod źródłowy?

Opcja 1. „Ręcznie”

Po otwarciu kodu źródłowego strony wywołujemy menu kontekstowe i wybierz opcję „Zapisz jako” i zapisz plik w dysk twardy. Edytujemy plik w Notatniku lub Notatniku, zapisujemy zmiany i otwieramy przez przeglądarkę. Wyniki naszych zmian (udanych i niezbyt udanych) zostaną odzwierciedlone w oknie przeglądarki.

Opcja 2. Dla profesjonalistów

Kiedy codziennie „bawisz się” kodem źródłowym, proces „zapisz – otwórz – zmień – zapisz – sprawdź” staje się męczący. Dla siebie znalazłem rozwiązanie w postaci instalacji wtyczki do Google Chrome - Firebug Lite. Umożliwia edycję i zapisanie kodu źródłowego bez konieczności opuszczania okna przeglądarki.

Przeglądając niezliczone strony w Internecie, możesz natknąć się na takie, które naprawdę nam się podobają. Od razu pojawia się szereg pytań. Czy strona została wykonana przy użyciu domowego kodu, czy jakiegoś CMS-a? Jakie są jego Style CSS? Jakie są jego metatagi? I tak dalej.

Istnieje wiele narzędzi, za pomocą których można wyodrębnić informacje o kodzie strony internetowej. Ale zawsze mamy pod ręką prawy przycisk myszy. Tego właśnie użyjemy, używając mojej witryny jako przykładu.

Jak wyświetlić kod strony?

Aby wyświetlić kod źródłowy strony witryny, należy najechać myszką na dowolny obszar strony internetowej (z wyjątkiem obrazów i linków). Następnie kliknij prawym przyciskiem myszy. Otworzy się przed nami okno z kilkoma opcjami (w różne przeglądarki mogą się nieznacznie różnić). W przeglądarce Google Chrome są to np. polecenia:

• z powrotem;
• do przodu;
• ponowne uruchomienie;
• Zapisz jako;
• foka;
• przetłumacz na rosyjski;
• wyświetl kod strony;
• zobacz kod.

Musimy kliknąć wyświetl kod strony, a kod HTML strony witryny otworzy się przed nami.

Przeglądanie kodu strony: na co zwrócić uwagę?

Zatem kod strony HTML to ponumerowana lista wierszy, z których każdy zawiera informacje o sposobie tworzenia tej witryny. Aby szybko nauczyć się to rozumieć ogromna liczba znaki i znaki specjalne, musisz rozróżnić różne sekcje kodu.

Na przykład linie kodu wewnątrz znacznika head zawierają informacje dotyczące: Wyszukiwarki i webmasterów. Nie są one wyświetlane na stronie. Tutaj możesz zobaczyć jak słowa kluczowe Ta strona jest promowana na podstawie sposobu napisania jej tytułu i opisu. Link znajdziecie także tutaj, klikając w który dowiemy się o rodzinie czcionki Google użyte na stronie.

Jeśli witryna jest utworzona na CMS WordPress lub Joomla, wówczas będzie on także widoczny tutaj. Na przykład w tym obszarze wyświetlane są informacje o Motyw WordPressa Lub Szablon Joomli strona. Można się o tym przekonać czytając zawartość linków zaznaczonych na niebiesko. Jedno łącze pokazuje szablon strony internetowej.

Na przykład:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

Zobaczymy style czcionek CSS strony. W tym przypadku używana jest czcionka. Można to zobaczyć tutaj - rodzina czcionek: „Source Sans Pro”.

Ta strona jest zoptymalizowana przy użyciu wtyczki SEO Yoast SEO. Można to zobaczyć w tej skomentowanej części kodu:

Ta strona jest zoptymalizowana za pomocą wtyczki Yoast SEO v3.4.2 - https://yoast.com/wordpress/plugins/seo/

Wszystkie informacje zawarte wewnątrz tagu body wyświetlane są przez przeglądarkę na ekranie monitora. Tutaj widzimy kod HTML strony, a na samym dole kod skryptu Yandex Metrics. Jest otoczony tagiem z komentarzem i tekstem:

Licznik /Yandex.Metrika

Podsumujmy to

Po przeprowadzeniu dość powierzchownej analizy kodu strona główna site, możemy wyciągnąć wnioski na temat narzędzi, za pomocą których ta strona została wykonana. Widzieliśmy na nim:

• CMS WordPress;
• Czcionka Google Source Sans Pro;
• Motyw WordPress – Sydney;
• Wtyczki Yoast;
• Licznik metryk Yandex.

Teraz zasada analizy Kod HTML Strona serwisu jest dość przejrzysta. Nie ma potrzeby, aby strona, którą szukasz, była otwarta w przeglądarce. Możesz zapisać kod strony na swoim komputerze, używając kombinacji klawiszy ctrl+a, ctrl+c, ctrl+v. Wklej go do dowolnego Edytor tekstu(Notepad++ jest lepszy) i zapisz za pomocą rozszerzenie HTML. Dzięki temu możesz w każdej chwili zapoznać się z nim głębiej i znaleźć dla siebie więcej przydatnych informacji.