„HTML5” változatai közötti eltérés
| [ellenőrzött változat] | [nem ellenőrzött változat] |
Tartalom törölve Tartalom hozzáadva
a r2.6.5) (Bot: következő hozzáadása: he:HTML 5 |
Nincs szerkesztési összefoglaló |
||
30. sor:
A jelölések hasonlósága ellenére a HTML5 szintaxisa már nem az [[SGML]]-en alapul. Ezzel együtt úgy tervezték, hogy visszafelé kompatibilis legyen, így a korábbi HTML szabványokhoz készült elemzők a szokásos elemeket megérthetik.
==Oldalstruktúra==
A HTML5 !DOCTYPE tagja (címkéje) is megváltozott. Lerövidítették, egyszerűsítették: <source lang="html5"><!DOCTYPE html></source>
A kezdőtag után jön a html nyitó- és zárótag. Ezek közé kerül minden, kivéve a külső scripteket (pl.: PHP): <source lang="html5"><html lang="hu"> </html></source>
Ezután a head tagek jönnek. Ezek közé kerülnek a háttérinformációk: <source lang="html5"><head> </head></source>
A head tag zárótagje uján jönnek a body tagek. Így fest: <source lang="html5"><body> </body></source>
Ez a struktúra.
Összegezve így nez ki:
<source lang="html5">
<!DOCTYPE html>
<html lang="hu">
<head>
</head>
<body>
</body>
</html>
</source>
A head tagek közé kell bettenni minden háttérinformációt.
*Meta tagek. Lehet benne keresőkulcsszó, tartalom, oldaldefiníció.
*Linkek. CSS-re (Cascading StyleSheets, egymásbaágyazott stíluslapok), vagy faviconra mutatnak.
*Script tagek, bennük scriptekkel, vagy azokhoz tartozó elérési utakkal.
*Base tagek. Ezeknek általában href attribútuma van, amik a weboldal egyes (általában fő-) oldalára mutatnak.
*Title tagek. Ezekben van az oldal címe.
A body tagek között kap helyet az oldal és többek között néhány (ha van) script (kivétel a PHP).
A weboldalak alapstruktúrája általában
*egy fejléc, logoval és szlogennel,
*egy menüsor, oldalt, vagy a fejléc alatt/felett,
*egy tartalom doboz, ebben van minden tartalom.
*egy lábléc, másolásvédelmi szöveggel, vagy hasonlókkal.
Ez így fest, csupa HTML5-tel:
<source lang="html5">
<!DOCTYPE html>
<html lang="hu">
<head>
<title>
Oldal neve
</title>
<link rel="stylesheet" type="text/css" href="elérésiút" />
<script type="text/javascript">
Javaszkript, ha kell.
</script>
</head>
<body>
<header id="fejlec">
<img src="elérésiút" alt=logo, kép" />
<h4 id="szlogen">
Szlogen
</h4>
</header>
<section id="tartalom">
<nav id="menusav">
<a href="">Menü1</a>
<a href="">Menü2</a>
<a href="">Menü3</a>
<a href="">Menü4</a>
<a href="">Menü5</a>
</nav>
<div id="lenyeg">
<p>
Ez a tartalom, ide lehet írni, amit akarsz.
</p>
</div>
</section>
<footer>
<p>
Levédő szöveg, esetleg linkkel
</p>
</footer>
</body>
</html>
</source>
== Külső hivatkozások ==
| |||