HTML-element: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'En komplett tagg-sats, inklusive innehåll, kallas för ett HTML-element. Ofta säger man bara att det är ett element. Elementet är alltså allt från och med start-tagg...')
 
Ingen redigeringssammanfattning
Rad 12: Rad 12:
</body>
</body>
</syntaxhighlight>
</syntaxhighlight>
I exemplet har vi ett "stort" <code>body</code>-element som i sin tur innehåller flera underelement. Det första underelementet är ett <code>h1</code>-element, vars innehåll bara är lite text. Därefter följer ett <code>p</code>-element, som i sin tur har ett underelement, d.v.s <code>i</code>-elementet.
I exemplet har vi ett "stort" <code>body</code>-element som i sin tur innehåller flera underelement. Det första underelementet är ett <code>h1</code>-element, vars innehåll bara är lite text. Därefter följer ett <code>p</code>-element som innehåller text samt ännu ett underelement, d.v.s <code>i</code>-elementet.


Det finns vissa begrepp som man använder för att beskriva [[förhållanden]] mellan olika element. Dessa är viktiga att kunna.
Det finns vissa begrepp som man använder för att beskriva [[förhållanden]] mellan olika element. Dessa är viktiga att kunna.

Versionen från 24 augusti 2014 kl. 11.33

En komplett tagg-sats, inklusive innehåll, kallas för ett HTML-element. Ofta säger man bara att det är ett element. Elementet är alltså allt från och med start-taggen till och med motsvarande slut-tagg. Det som tagg-paret innesluter kallas för elementinnehållet.

Elementinnehållet kan vara heltomt, men oftast finns något slags innehåll. Innehållet kan vara andra HTML-element, som i sin tur har eget elementinnehåll. Till exempel så är allt som återfinns innanför body-taggen ett body-element, d.v.s. allt som är synligt på webbsidan är innehåll i body-elementet.

När man talar om en tagg är det namnet på själva taggen man talar om, medan när man talar om element avser man taggarna inklusive allt innehåll innanför dem.

Ett litet exempel:

<body>
 <h1>Titelrubrik</h1>
 <p>Här har vi lite text, som utgör ett <i>exempel</i>.</p>
</body>

I exemplet har vi ett "stort" body-element som i sin tur innehåller flera underelement. Det första underelementet är ett h1-element, vars innehåll bara är lite text. Därefter följer ett p-element som innehåller text samt ännu ett underelement, d.v.s i-elementet.

Det finns vissa begrepp som man använder för att beskriva förhållanden mellan olika element. Dessa är viktiga att kunna.