h1

Element h1 reprezentuje nagłówek pierwszego stopnia dla treści, do której należy dany element h1.

Docelową treścią między innymi może być:

• treść sekcji zawartości nieokreślonego typu
• treść sekcji zawartości określonego typu
• treść korzenia sekcji

• Progres V - Elementy HTML posiadające swoją rangę
• Progres V - Sekcja zawartości nieokreślonego typu
• Progres V - Tytuł sekcji zawartości nieokreślonego typu
• Progres V - Tytuł sekcji zawartości określonego typu
• Progres V - Tytuł korzenia sekcji
• Progres V - Podsekcja sekcji zawartości nieokreślonego typu
• Progres V - Podsekcja sekcji zawartości określonego typu
• Progres V - Podsekcja korzenia sekcji
• Progres VI - Nagłówek treści
• Progres VI - Ranga wartości treści

kategoria ogólna

• zawartość opływająca

• nagłówek zawartości

• zawartość namacalna

kontekst zewnętrzny

element HTML, który tworzy wewnętrzny kontekst opływający

Przykładowy Kod HTML

<article>
  <h1>Mój ulubiony owoc</h1>
  <p>Moim ulubionym owocem jest czereśnia.</p>
</article>

Kontekstem zewnętrznym przykładowego elementu "h1" jest element "article". Wspomniany element "article" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst opływający, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "article", jest prawidłowym kontekstem zewnętrznym dla elementu "h1".

kontekst wewnętrzny

zawartość frazowana

Przykładowy Kod HTML

<article>
  <h1>Mój ulubiony owoc</h1>
  <p>Moim ulubionym owocem jest czereśnia.</p>
</article>

Kontekstem wewnętrznym przykładowego elementu "h1" jest wyłącznie tekst. Wspomniany tekst jest jednym z elementów, które należą do kategorii zawartość frazowana, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli ciąg znaków "Mój ulubiony owoc", jest prawidłowym kontekstem wewnętrznym dla elementu "h1".

wymagane elementy dzieci

brak

wymagane atrybuty

brak

zdolność fallback

nie dotyczy

składnia HTML

<h1> ... </h1>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

nigdy

CSS display

block

h1 {
  display:block;
  font-weight:700;
  font-size:2em;
  margin-top:0.67em;
  margin-bottom:0.67em;
}

tak

tak

tak

tak

tak

tak