Referens
HTML h1-h6

HTML h1-h6

HTML h1-h6 taggen anger rubriker där h1 är störst.

Exempel:

Rubrik 1

Rubrik 2

Rubrik 3

Rubrik 4

Rubrik 5
Rubrik 6

HTML:

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

Notera att dessa rubriker har fått en egen stil med CSS genom att de automatiskt får samma CSS-egenskaper som resten av sidan. För att se hur elementen ser ut "oformaterade" se detta exempel.

Läs mer om rubriker i HTML grunder

HTML h1 – h6
Elementtyp Sluttagg Utfasat Doctype
Blockelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Inlineelement
Elementet får finnas i
applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML h1, h2, h3, h4, h5, h6

Rubriker är betydelsefulla när sökmotorer ska avgöra vad en sida handlar om. <h1> är mest betydelsefull följt av <h2> och <h3> osv. Välj därför dina rubriker med omsorg om du vill sökmotoroptimera en sida för en viss fras.

HTML h1-h6 attribut

Specifika attribut
Attribut Beskrivning Värde
align Anger rubrikens justering. Utfasat attribut left, right, center, justify

Universella attribut
Attribut Beskrivning Värde
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer