Element <head> jest miejscem na przechowywanie metadanych. Metadane są to dane, które nie są bezpośrednio widoczne na stronie HTML, jednak mają duże znaczenie.
Metadane mogę definiować takie informacje jak:
<title>- tytuł strony - pojawi on się się w wyszukiwarce, jak również w karcie przeglądarki.- Kodowanie znaków.
- Style strony.
- Skrypty strony.
<head> powinien być pierwszym elementem znajdującym się w tagu <html>.Przydatna porada
Jeżeli chciałbyś podglądnąć kod HTML jakiejkolwiek strony, możesz to zrobić w bardzo prosty sposób. Dzięki narzędziu, które zostanie opisane poniżej, będziesz mógł sprawdzać jak coś zostało zrobione na danej stronie. Dodatkowo to narzędzie przyda Ci się, w szukaniu błędów w wyświetlaniu na Twojej stronie.
Źródło strony
Wystarczy, że w przeglądarce Google Chrome, klikniesz prawy przycisk myszy, a następnie wybierzesz opcję Wyświetl źródło strony. Po kliknięciu przycisku, zobaczysz nowe okno z kodem HTML strony. Źródło strony można również wyświetlić za pomocą skrótu klawiszowego CRTL + U.
Inspekcja strony
Na dowolnej stronie HTML, kliknij prawym przyciskiem myszy w element, który chcesz zobaczyć. Następnie wybierz opcję Zbadaj element. Po wyborze tej opcji zobaczysz panel narzędzi dla programistów. Możesz go również wywołać za pomocą skrótu CTRL + SHIFT + I.
Panel narzędzi dla programistów jest to rozbudowane narzędzie, w którym można podglądać kod HTML, CSS, czy nawet skrypty JS. Posiada ono bardzo spore możliwości i można w nim edytować kod i podglądać zmiany na żywo. Należy jednak uważać, ponieważ po przeładowaniu strony, naniesione przez nas zmiany znikną.
Na temat tego narzędzia, można by zrobić odrębny kurs. Myślę, że na tą chwilę wystarczy Ci wiedza o tym, że takie narzędzie istnieje i będziesz go poznawał coraz lepiej z biegiem czasu.