Adv

‘HTML 5 structure’ címkét tartalmazó cikkek

English Version!

A következőkben vizsgáljuk meg egy picit tüzetesebben a HTML5 új strukturális felépítését. Az alábbi kép jól demonstrálja, hogy mi is változott valójában.

html4 and html5 page structure

HTML4 & HTML5

Elmondható, hogy a HTML5 egy letisztultabb, talán egyszerűbb struktúrát hoz magával. Nézzük az egyes elemeket, hogy is működnek:

<header> – Címsor/fejléc elem. Általában a szakasz címsorát (h1-h6 vagy hgroup) helyezik itt el.

<nav> – Itt kapnak helyet az oldal fontosabb navigációs (más helyekre mutató) elemei

<article> – A „cikk” elem, ahogy a nevéből is következik, egy önálló tartalommal rendelkező rész.

<section> – Ez képviseli a tartalom egyes fejezeteit.

<aside> – Egy olyan oldalsávot („dobozt”) jelöl, amely a tartalomhoz nem feltétlenül kapcsolódik, de annak mégis szerves része.

<footer> – Lábléc, jellemzően kapcsolati adatokat, vagy az adott szakaszhoz tartozó információkat jelenít meg.

Nézzük meg az új struktúrát a gyakorlatban, egy egyszerű példa segítségével: Tovább olvasom »

Hungarian Version!

Examine the new structural build up of the HTML5 from a little bit closer. The picture beneath can demonstrate well what exactly has changed.

html4 and html5 page structure

HTML4 & HTML5

HTML5 brings a cleaner maybe simplier structure with itself. Let’s see every single elements how they are works:

<header> Heading/header element. Overall they put the heading’s section here.(h1-h6 vagy hgroup)

<nav> The more important navigation elements of the page can get place here.(links to other sites)

<article> The “article” is just as its name implies, a separate section with content.

<section> This represents the content of each of the chapters.

<aside> Represents a sidebar (box) that the content is not necessarily linked to but it’s still an integral part of it.

<footer> Typically it shows the connection informations or the informations relating to the specific section. Tovább olvasom »