Använda Rubriker och Stycken i HTML

Nu när vi förstår hur man bygger korrekt HTML-struktur, kan vi rikta vårt fokus mot att fylla body-elementet med innehåll som ska visas på webbsidan.

Rubriker

Rubriker används för att strukturera och organisera innehåll på en webbsida. HTML tillhandahåller sex nivåer av rubriker, från <h1> (viktigast) till <h6> (minst viktig).

Det är viktigt att använda varje rubriknivå på ett lämpligt sätt för att upprätthålla tydlighet och konsekvens i dokumentets struktur. Att använda högre rubriknivåer för ofta eller hoppa över nivåer kan leda till förvirring och göra det svårt för användare och sökmotorer att förstå innehållets organisation.
Exempel:

index.html

I exemplet ovan:

<h1> används för sidans huvudrubrik;
<h2> används för underrubriker, vilket indikerar en lägre vikt än <h1>;
<h3> används för ytterligare indelningar inom en undersektion.

Paragrafer

Paragrafer, markerade med <p>-taggen, delar upp textblock i separata stycken och ger visuell samt semantisk tydlighet åt innehållet.
Exempel:

index.html

I exemplet ovan:

Varje <p>-tagg definierar ett separat styckeblock;
Webbläsaren lägger automatiskt till avstånd mellan stycken för att förbättra läsbarheten och upprätthålla visuell konsekvens.

Videohandledning

1. Hur många nivåer av rubriker tillhandahåller HTML?

2. Vilken tagg används för att ange rubriker i HTML?

3. Vad är rekommenderad praxis för användning av rubriker i HTML?

4. Vilken tagg används för att definiera stycken?

Hur många nivåer av rubriker tillhandahåller HTML?

Select the correct answer

Vilken tagg används för att ange rubriker i HTML?

Select the correct answer

<title>

<heading>

<h1> till <h6>

Vad är rekommenderad praxis för användning av rubriker i HTML?

Select the correct answer

Använd <h1> för alla rubriker.

Använd <h1> för huvudrubriker och <h2> för underrubriker.

Hoppa över rubriknivåer för att skapa visuell hierarki.

Vilken tagg används för att definiera stycken?

Select the correct answer

<p>

<paragraph>

<text>

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain more about the difference between headings and paragraphs in HTML?

Why is it important to use the correct heading levels in my HTML documents?

Can you give more examples of when to use each heading level?

Awesome!

Completion rate improved to 3.13

Använda Rubriker och Stycken i HTML

Svep för att visa menyn

Nu när vi förstår hur man bygger korrekt HTML-struktur, kan vi rikta vårt fokus mot att fylla body-elementet med innehåll som ska visas på webbsidan.

Rubriker

Rubriker används för att strukturera och organisera innehåll på en webbsida. HTML tillhandahåller sex nivåer av rubriker, från <h1> (viktigast) till <h6> (minst viktig).

index.html

I exemplet ovan:

<h1> används för sidans huvudrubrik;
<h2> används för underrubriker, vilket indikerar en lägre vikt än <h1>;
<h3> används för ytterligare indelningar inom en undersektion.

Paragrafer

Paragrafer, markerade med <p>-taggen, delar upp textblock i separata stycken och ger visuell samt semantisk tydlighet åt innehållet.
Exempel:

index.html

I exemplet ovan:

Varje <p>-tagg definierar ett separat styckeblock;
Webbläsaren lägger automatiskt till avstånd mellan stycken för att förbättra läsbarheten och upprätthålla visuell konsekvens.

Videohandledning

1. Hur många nivåer av rubriker tillhandahåller HTML?

2. Vilken tagg används för att ange rubriker i HTML?

3. Vad är rekommenderad praxis för användning av rubriker i HTML?

4. Vilken tagg används för att definiera stycken?

Hur många nivåer av rubriker tillhandahåller HTML?

Select the correct answer

Vilken tagg används för att ange rubriker i HTML?

Select the correct answer

<title>

<heading>

<h1> till <h6>

Vad är rekommenderad praxis för användning av rubriker i HTML?

Select the correct answer

Använd <h1> för alla rubriker.

Använd <h1> för huvudrubriker och <h2> för underrubriker.

Hoppa över rubriknivåer för att skapa visuell hierarki.

Vilken tagg används för att definiera stycken?

Select the correct answer

<p>

<paragraph>

<text>

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3