PGJ: /* Exempel */

2019-01-30T13:26:31Z

Exempel

← Äldre version		Versionen från 30 januari 2019 kl. 13.26
Rad 14:		Rad 14:

	== Exempel ==		== Exempel ==
	<codepen pen="JdvKVw" tab="html" height="~~100~~">		<codepen pen="JdvKVw" tab="html,result" height="300">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<h1>Överskrift</h1>		<h1>Överskrift</h1>

PGJ: /* Exempel */

2015-07-09T12:38:38Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 12.38
Rad 14:		Rad 14:

	== Exempel ==		== Exempel ==
	<codepen pen="JdvKVw" tab="html">		<codepen pen="JdvKVw" tab="html" height="100">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<h1>Överskrift</h1>		<h1>Överskrift</h1>

PGJ: /* Exempel */

2015-07-09T12:38:23Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 12.38
Rad 14:		Rad 14:

	== Exempel ==		== Exempel ==
			<codepen pen="JdvKVw" tab="html">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<h1>Överskrift</h1>		<h1>Överskrift</h1>
Rad 19:		Rad 20:
	<h3>Rubriknivå tre</h3>		<h3>Rubriknivå tre</h3>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående exempel visar en minimal rubrikstruktur. Överskriften har två steg med underrubriker.		Ovanstående exempel visar en minimal rubrikstruktur. Överskriften har två steg med underrubriker.

PGJ: Skapade sidan med '`<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` Detta är de olika rubriknivåerna som man ...'

2014-08-24T15:21:47Z

Skapade sidan med '<code><h1></code>, <code><h2></code>, <code><h3></code>, <code><h4></code>, <code><h5></code>, <code><h6></code> Detta är de olika rubriknivåerna som man ...'

Ny sida

<code><h1></code>, <code><h2></code>, <code><h3></code>, <code><h4></code>, <code><h5></code>, <code><h6></code>

Detta är de olika rubriknivåerna som man använder för att dela in sin information i logiska delar. Dessa kan jämföras med olika rubriknivåer i en bok eller rapport. Samma regler som gäller för rubriknivåer i vanliga dokument gäller även här. Desto lägre rubriknivå, desto grövre delar det in informationen. Där t.ex. <code><h1></code> kan ses som titelrubrik eller överskriftsrubrik. <code><h1></code> är även den viktigaste rubriknivån och bör finnas på alla sidor.

Skippa inte över rubriknivåer. Gå inte direkt ifrån <code><h1></code> till <code><h3></code>, utan använd dem i ordning, så det byggs upp en logisk struktur i ditt dokument.

Använd inte rubrikerna för deras utseendes skull. <code><h1></code> är inte till för att visa stor text, det är till för att markera en titelrubrik och inget annat! Vill du ha en stor text finns det bättre sätt att lösa det på, t.ex. med en <code><span></code>-tagg kopplad till en [[CSS-regel]].

== Användning av <code>h1</code> ==
Tidigare sa man ofta att det enbart skulle finnas en <code><h1></code>-tagg per dokument. Vilket kan jämföras med att man enbart har en titelsida på en bok eller en framsida på en rapport. Dock är det inte så längre. I och med [[HTML5]] har man infört flera [[semantik|semantiska]] sätt att dela upp en webbsida i olika regioner, t.ex. <code><section></code> och <code><article></code>. Innehållet inom dessa taggar är att ses som egna dokument, då meningen är att de ska definiera upp regioner som skulle kunna fungerat som egna, separata sidor. Här bör man använda sig av <code><h1></code>-taggar för att tala om vad de olika regionerna har för innehåll. Man brukar till och med säga att man enbart ska använda sig av <code><section></code>-taggen för sånt som är så distinkt att det förtjänar en egen <code><h1></code>-tagg.

== Tillgänliga attribut ==
Enbart de [[globala attribut]]en är tillgängliga för denna tagg.

== Exempel ==
<syntaxhighlight lang="html5">
<h1>Överskrift</h1>
<h2>Rubriknivå två</h2>
<h3>Rubriknivå tre</h3>
</syntaxhighlight>
Ovanstående exempel visar en minimal rubrikstruktur. Överskriften har två steg med underrubriker.

== Referenser ==
=== Taggens definition i WHATWGs levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

Hx - Versionshistorik

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: /* Exempel */

PGJ: Skapade sidan med '<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Detta är de olika rubriknivåerna som man ...'

PGJ: Skapade sidan med '`<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` Detta är de olika rubriknivåerna som man ...'