---
title: '<title>: Element Tytułu Dokumentu'
slug: Web/HTML/Element/title
tags:
  - Element
  - HTML
  - HTML metadane dokumentu
  - 'HTML:Metadane zawartość'
  - Nazwa Okna
  - Nazwa Strony
  - Nazwa Zakładki
  - Reference
  - Tytuł
  - Tytuł Okna
  - Tytuł Strony
  - Tytuł Zakładki
  - Web
translation_of: Web/HTML/Element/title
---
<div>{{HTMLRef}}</div>

<p><span class="seoSummary"><strong>Element tytułu HTML</strong> (<strong><code>&lt;title&gt;</code></strong>) określa tytuł dokumentu, który jest wyświetlany na pasku tytułu przeglądarki lub w zakładce strony. Zawiera on tylko tekst, a znaczniki wewnątrz elementu są ignorowane.</span></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories">Kategorie treści</a></th>
   <td><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories#Metadata_content">Zawartość metadanych</a>.</td>
  </tr>
  <tr>
   <th scope="row">Dozwolona zawartość</th>
   <td>Tekst, który nie jest przestrzenią białych znaków.</td>
  </tr>
  <tr>
   <th scope="row">Pominięcie znacznika</th>
   <td>Wymagane są zarówno znaczniki otwarcia jak i zamknięcia. Należy pamiętać, że pozostawienie <code>&lt;/title&gt;</code> powinno spowodować, że przeglądarka będzie ignorować resztę strony.</td>
  </tr>
  <tr>
   <th scope="row">Dozwoleni rodzice</th>
   <td>Element {{ HTMLElement("head") }}, który nie zawiera żadnego innego elementu {{ HTMLElement("title") }}.</td>
  </tr>
  <tr>
   <th scope="row">Dozwolone role ARIA</th>
   <td>Brak.</td>
  </tr>
  <tr>
   <th scope="row">Interfejs DOM</th>
   <td>{{domxref("HTMLTitleElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Atrybuty">Atrybuty</h2>

<p>Ten element uwzględnia tylko <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Global_attributes">atrybuty globalne</a>.</p>

<h2 id="Uwagi_dotyczące_zastosowania">Uwagi dotyczące zastosowania</h2>

<p>Element <code>&lt;title&gt;</code> jest zawsze używay w bloku {{HTMLElement("head")}} strony.</p>

<h2 id="Przykład">Przykład</h2>

<pre class="brush: html">&lt;title&gt;Wspaniały tytuł strony&lt;/title&gt;
</pre>

<h2 id="Kwestie_dostępności">Kwestie dostępności</h2>

<p>Ważne jest, aby podać wartość <code>tytułu</code>, która opisuje przeznaczenie strony. </p>

<p>Powszechną techniką nawigacji dla użytkowników technologii wspomagającej jest czytanie tytułu strony i wnioskowanie, jaką treść ona zawiera. Dzieje się tak, ponieważ nawigacja po stronie w celu określenia jej zawartości może być czasochłonnym i potencjalnie mylącym procesem.</p>

<h4 id="Przykład_2">Przykład</h4>

<pre>&lt;title&gt;Menu - Kuchnia Chińska Blue House - FoodYum: Już dziś online!&lt;/title&gt;
</pre>

<p>Aby pomóc użytkownikowi, zaktualizuj wartość <code>tytułu</code> strony tak, aby odzwierciedlała istotne zmiany stanu strony (np. problemy z walidacją formularza).</p>

<h4 id="Przykład_3">Przykład</h4>

<pre>&lt;title&gt;2 błędy - Twoje zamówienie - Kuchnia Chińska Blue House - FoodYum: Już dziś online!&lt;/title&gt;
</pre>

<ul>
 <li><a href="https://developer.mozilla.org/pl/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.4_%E2%80%94_Navigable_Provide_ways_to_help_users_navigate_find_content_and_determine_where_they_are">MDN Zrozumienie WCAG, Wytyczna 2.4 wyjaśnienie</a></li>
 <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html">Understanding Success Criterion 2.4.2  | W3C Understanding WCAG 2.0</a></li>
</ul>

<h2 id="Specyfikacje">Specyfikacje</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specyfikacja</th>
   <th scope="col">Status</th>
   <th scope="col">Komentarz</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-title-element', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-title-element', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.2', '&lt;title&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Kompatybilność_z_przeglądarką">Kompatybilność z przeglądarką</h2>

<p>{{Compat("html.elements.title")}}</p>