Main: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) |
||
Rad 5: | Rad 5: | ||
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg. | Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg. | ||
== Exempel == | == Exempel == | ||
<codepen pen="vOjXvy" tab="html" height="200"> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<main> | <main> | ||
Rad 11: | Rad 12: | ||
</main> | </main> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<codepen> | |||
Exemplet visar hur man kan tänkas märka upp sitt huvudsakliga innehåll med hjälp av <code>main</code>. | |||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === |
Versionen från 9 juli 2015 kl. 14.17
Används för att markera det huvudsakliga innehållet i ett webbdokument. Detta ska enbart vara unikt material och inte sånt som förekommer på många platser på sajten (såsom t.ex. navigationselement). Det får enbart finnas ett main
-element i en webbsida.
I skrivandes stund är detta ett helt nytt element och definitionen för det är inte helt spikad. I HTML5-standarden gäller vissa restriktioner, men i den levande standarden har dessa tagits bort. De restriktioner som finns i HTML5 är att elementet inte får ligga inuti någon av följande elementtyper; article
, aside
, footer
, header
eller nav
.
Tillgängliga attribut
Enbart de globala attributen är tillgängliga för denna tagg.
Exempel
<codepen pen="vOjXvy" tab="html" height="200">
<main>
<h1>Huvudinnehållet på min sida</h1>
<p>Här ska det stå massa intressant!</p>
</main>
<codepen>
Exemplet visar hur man kan tänkas märka upp sitt huvudsakliga innehåll med hjälp av main
.
Referenser
Taggens definition i WHATWGs levande HTML-standard
http://www.whatwg.org/specs/web-apps/current-work/multipage/#the-main-element
Taggens definition i HTML5-standarden
http://www.w3.org/html/wg/drafts/html/master/grouping-content.html#the-main-element