HTML5
ápr 30, 13
Weboriginal
No Comments
HTML5 tagek

HTML5 tagek

A HTML5 szabvány létrehozása során definiálva lettek szemantikus tagek, mellyel az oldal részeit tudjuk meghatározni, ezáltal jobban elkülönül a megjelenés és a tartalom. A formázásokat mostmár stíluslapok segítségével lehet kivitelezni, így jobban átlátható a kód.

Nézzünk meg néhány elemet, melyet leggyakrabban használunk egy weboldal készítés során:

<header> az oldal fejlécét határozza meg, vagy a bevezetést tartalmazó elemeket.
<footer> a honlap láblécét definiálja.
<nav> a navigációs rész helyét jelöli ki, melyen belül a linkcsoportoknál csak a fő menüt kell megjelölni.
<section> a weboldal egy összefüggő részét jelöli.
<hgroup> ezzel a résszel is fejlécet lehet összefogni, melyben több h1-h6 tag szerepelhet, így többszintű címet készíthetünk.
<aside> a tartalomhoz kapcsolódó rész, például széljegyzet.
<figure> összetartozó képek, vagy összetartozó kép és szöveg meghatározására alkalmas.
<time> dátumot, vagy az időt jelöli.
<mark> megjelölés, kiemelés, mely különösen hasznos kereséskor, mert ezzel ki lehet emelni a kulcsszavakat.

Ezek azért hasznosak, mert a stíluslapon egyszerűen formázhatók, nem kell külön például span tagba tenni az egyes részeket. A másik előnye, hogy a keresők is jobban felismerik az oldal részeit, ezáltal nem fordul elő az, hogy a leírás helyett a menü jelenik meg a navigációs listában.

Ezeket a tageket a böngészők általában jól kezelik, de az Internet Explorer 9-es és korábbi verzióiban nem működik mindegyik.

A következő bejegyzésben a HTML5 multimédia kezelésével fogunk megismerkedni.

Facebook Google+ 

Kapcsolódó Bejegyzések:

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.