HTML
rubriker

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


Introduktion

HTML tillhandahåller inte bara vanliga stycketaggar, utan sex separata rubriktaggar för att indikera rubriker i olika storlekar och tjocklekar. Uppräknat som rubrik 1 till rubrik 6 har rubrik 1 den största och tjockaste texten medan rubrik 6 är den minsta och tunnaste, ner till stycknivå. Det här ämnet beskriver korrekt användning av dessa taggar.

Syntax

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

Anmärkningar

  • Ett h1 - h6 element måste ha både en starttagg och en sluttagg. 1

  • h1 - h6 element är blocknivåelement som standard (CSS-stil: display: block ). 2

  • h1 - h6 element ska inte förväxlas med sektionselementet

  • Rubrik taggar ( h1 - h6 ) är inte relaterade till head taggen.

  • Tillåtet innehåll: formulering av innehåll

  • De olika CSS-stilarna för rubriker skiljer sig vanligtvis i font-size och margin . Följande CSS-inställningar för h1 - h6 element kan fungera som en orientering (kännetecknas av "informativ" av W3C )

  • Sökmotorspindlar (koden som lägger till en sida till en sökmotor) uppmärksammar automatiskt högre betydelse (h1 har de flesta, h2 har mindre, h3 har ännu mindre, ...) rubriker för att se vad en sida handlar om.

Använda rubriker

Rubriker kan användas för att beskriva ämnet de föregår och de definieras med <h1> till <h6> -taggarna. Rubriker stöder alla globala attribut .

  • <h1> definierar den viktigaste rubriken.
  • <h6> definierar den minst viktiga rubriken.

Definiera en rubrik: 

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

Korrekt struktur är viktig

Sökmotorer och andra användaragenter indexerar vanligtvis sidinnehåll baserat på rubrikelement, till exempel för att skapa en innehållsförteckning, så det är viktigt att använda rätt struktur för rubriker.

I allmänhet bör en artikel ha ett h1 element för huvudtitel följt av h2 undertexter - om det behövs gå ner i ett lager. Om det finns h1 element på en högre nivå ska de inte användas för att beskriva något lägre innehåll.

Exempel på dokument (extra avsikt att illustrera hierarkin): 

<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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow