HTML
Nagłówki

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Szukaj…


Wprowadzenie

HTML zapewnia nie tylko zwykłe znaczniki akapitów, ale sześć oddzielnych znaczników nagłówka, które wskazują nagłówki o różnych rozmiarach i grubościach. Liczony jako nagłówek od 1 do 6, nagłówek 1 ma największy i najgrubszy tekst, a nagłówek 6 jest najmniejszy i najcieńszy, aż do poziomu akapitu. W tym temacie opisano prawidłowe użycie tych tagów.

Składnia

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Uwagi

  • Element h1 - h6 musi mieć zarówno znacznik początkowy, jak i końcowy. 1

  • h1 - elementy h6 są domyślnie elementami na poziomie bloku (styl CSS: display: block ). 2)

  • h1 - elementów h6 nie należy mylić z elementem sekcji

  • Znaczniki h1 ( h1 - h6 ) nie są powiązane ze znacznikiem head .

  • Dozwolona treść: treść frazowania

  • Różne style CSS dla nagłówków różnią się zwykle font-size i margin . Poniższe ustawienia CSS dla elementów h1 - h6 mogą służyć jako orientacja (scharakteryzowane przez W3C jako „informacyjne”)

  • Pająki wyszukiwarek (kod, który dodaje stronę do wyszukiwarki) automatycznie zwracają większą uwagę na wyższą ważność (h1 ma więcej, h2 ma mniej, h3 ma jeszcze mniej, ...) nagłówki, aby rozpoznać, o czym jest strona.

Korzystanie z nagłówków

Nagłówków można użyć do opisu poprzedzanego tematu i są one zdefiniowane za pomocą <h1> do <h6> . Nagłówki obsługują wszystkie atrybuty globalne .

  • <h1> definiuje najważniejszy nagłówek.
  • <h6> definiuje najmniej ważny nagłówek.

Definiowanie nagłówka: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Prawidłowa struktura ma znaczenie

Wyszukiwarki i inne programy użytkownika zwykle indeksują zawartość strony na podstawie elementów nagłówka, na przykład w celu utworzenia spisu treści, dlatego ważne jest użycie odpowiedniej struktury nagłówków.

Ogólnie rzecz biorąc, artykuł powinien zawierać jeden element h1 dla głównego tytułu, a następnie podtytuły h2 - w razie potrzeby zejście o niższą warstwę. Jeśli na wyższym poziomie są elementy h1 nie należy ich używać do opisywania zawartości niższego poziomu.

Przykładowy dokument (dodatkowa intencja do zilustrowania hierarchii): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow