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.