‘Doctype’ címkét tartalmazó cikkek
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 & 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 »
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 & 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 »
Maga a dokumentum típus meghatározás (Document Type Definition, DTD) történetébe nem szeretnék túl mélyen elmerülni, de lényegében azért volt muszáj bevezetni, mert a böngészők nem tudták követni a szabványok hihetetlen ütemű változását. Emiatt a weboldalak gyakorlatilag helytelenül vagy hibákkal teli-tűzdelve jelentek meg a felhasználó böngészőjében.
A DTD meghatározását a HTML dokumentum legelején kell alkalmazni a <html> tag előtt. A deklaráció nem egy HTML tag, hanem egy meghatározás, amely segíti a böngészőt, hogy milyen verzióban íródott a HTML kódunk.
Nem számoltam meg, de a HTML4 és HTML4.01 minimum 7 ilyen meghatározással rendelkezik, ezek közül mutatnék be két példát.
Az alábbi deklaráció például megengedi az összes DTD HTML elemet, de a keretek (frames) nem engedélyezettek.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
A következő példa mindenben megegyezik az elsővel és itt a keretek használata is engedélyezett.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
A fentiekből is látható, hogy a deklarációk meglehetősen bonyolultak és a szabványból eredően számos változatuk született az idők során. Akit részletesebben érdekelnek a HTML4 Doctype deklarációk, azoknak javaslom, hogy látogassák meg a következő weboldalt. http://www.w3.org/TR/html4/struct/global.html
Mit hoz a HTML5 ezen a téren? 15 karaktert. Tovább olvasom »