Przejdź do głównej treści
  1. Strona główna
  2. Technik informatyk
  3. INF.03
  4. Pytanie

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

W języku HTML, aby nadać dokumentowi tytuł "Moja strona", który będzie wyświetlany na zakładce przeglądarki internetowej, należy posłużyć się zapisem

Element <title> jest absolutnie podstawą, jeśli chodzi o definiowanie tytułu strony w HTML. Umieszcza się go zawsze wewnątrz sekcji <head>, a jego zawartość jest tym, co wyświetla się na karcie przeglądarki. Moim zdaniem to jedna z tych rzeczy, które – choć wydają się drobiazgiem – mają duży wpływ na użyteczność i pozycjonowanie strony. Jeśli budujesz własną stronę lub pracujesz przy większym projekcie, warto pamiętać, żeby tytuł był unikalny i możliwie krótki, bo to właśnie on pojawia się również w wynikach wyszukiwania Google. Organizacje takie jak W3C wyraźnie podkreślają, że <title> jest wymagany w każdym dokumencie HTML5. Często też spotykałem się z przypadkami, gdzie ktoś zapominał o tym tagu i potem dziwił się, że przeglądarka pokazuje „Untitled” albo po prostu adres URL na pasku zakładki. Z praktyki – zawsze warto od razu na początku pracy nad stroną ustawić sensowny tytuł, bo potem łatwo o tym zapomnieć. A jak już masz kilka kart z otwartymi projektami, czy klient patrzy na podgląd w wyszukiwarce – profesjonalnie przygotowany tytuł robi robotę. Pamiętaj też, że <title> nie jest miejscem na wrzucanie dodatkowego kodu HTML, tylko sam tekst. Prosta sprawa, a oszczędza potem sporo nerwów.
Częstym problemem w nauce HTML jest mylenie roli różnych tagów w sekcji <head>, zwłaszcza gdy chodzi o ustawianie tytułu strony. Trzeba uważnie rozróżniać, które elementy mają wpływ na wyświetlanie strony w przeglądarce, a które pełnią inne funkcje pomocnicze. Na przykład umieszczenie tekstu „Moja strona” bezpośrednio w tagu <head> nie wyświetli tego napisu ani na karcie przeglądarki, ani na samej stronie – sekcja <head> służy tylko do osadzania metadanych, stylów czy skryptów. Natomiast tag <meta name="title" content="Moja strona" /> to próba użycia meta-informacji, która jednak nie zmienia tytułu strony w przeglądarce. Tag <meta> jest bardzo ważny dla SEO czy opisu strony, ale nie ustala tytułu widocznego dla użytkownika – tą rolę pełni wyłącznie <title>. Zdarza się też, że ktoś myli atrybuty lub próbuje użyć nieistniejących, jak w przypadku <meta title="Moja strona"> – to nie jest zgodne ze standardem HTML i nie będzie rozpoznane przez żadną nowoczesną przeglądarkę. Moim zdaniem wiele osób próbuje po prostu zgadywać, sugerując się nazwami atrybutów lub skrótami myślowymi. W praktyce warto zawsze sprawdzać aktualną specyfikację HTML5 i testować efekt działania kodu w prawdziwej przeglądarce. Najlepiej trzymać się sprawdzonych, oficjalnych rozwiązań – tytuł strony ustawia się WYŁĄCZNIE za pomocą <title> w sekcji <head>. Pozostałe konstrukcje mogą się przydać do dodatkowego opisu strony czy indeksowania przez wyszukiwarki, ale nie wpływają na to, co zobaczy użytkownik na pasku zakładki.

Wymagane logowanie

Ocenianie trudności pytań jest dostępne tylko dla zalogowanych użytkowników. Zaloguj się, aby skorzystać z pełni możliwości platformy.

Twoja ocena pomoże innym uczniom w przygotowaniu do egzaminu, a Tobie pozwoli na dostęp do spersonalizowanych statystyk.

Zgłoś błąd w pytaniu

Rozwiń sekcję i zmień pole, którego dotyczy błąd. Wyślemy tylko zmienione sekcje.

Błędna kwalifikacja
Błąd w treści pytania
Błąd w treści odpowiedzi
Błąd w obrazie
Dane kontaktowe (opcjonalnie)
Podaj email, jeśli chcesz otrzymać informację o rozpatrzeniu zgłoszenia.