Div: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Används för att skapa ett block med innehåll. Taggen sätter ingen värdering på innehållet, utan att är bara ett sätt att gruppera information som inte har någon spec...')
 
 
(En mellanliggande sidversion av samma användare visas inte)
Rad 3: Rad 3:
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="EjLyRL" tab="html,result" height="200">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<div>
<div>
Rad 9: Rad 10:
</div>
</div>
</syntaxhighlight>
</syntaxhighlight>
</codepen>
Ovanstående grupperar samman de två <code>p</code>-elementen i ett <code>div</code>-element. Det kommer dock inte att vara synligt på något vis om man inte anger [[CSS]]-regler som förändrar utseendet.
Ovanstående grupperar samman de två <code>p</code>-elementen i ett <code>div</code>-element. Det kommer dock inte att vara synligt på något vis om man inte anger [[CSS]]-regler som förändrar utseendet.
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

Nuvarande version från 30 januari 2019 kl. 15.22

Används för att skapa ett block med innehåll. Taggen sätter ingen värdering på innehållet, utan att är bara ett sätt att gruppera information som inte har någon speciell semantisk betydelse. Denna tagg används ofta för att skapa layout och olika typer av boxar och liknande.

Tillgänliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

See the Pen EjLyRL by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående grupperar samman de två p-elementen i ett div-element. Det kommer dock inte att vara synligt på något vis om man inte anger CSS-regler som förändrar utseendet.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-div-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/grouping-content.html#the-div-element