Movatterモバイル変換


[0]ホーム

URL:


Ugrás a tartalomhoz
Wikipédia
Keresés

HTML5

Ellenőrzött
A Wikipédiából, a szabad enciklopédiából

Változat állapota

Ez a lap egy ellenőrzött változata

Ez aközzétett változat,ellenőrizve:2026. február 12.

Pontosságellenőrzött

HTML5
(Hypertext Markup Language)
FájlkiterjesztésHTML: .html, .htm
XHTML: .xhtml, .xht, .xml
MIME-típusHTML: text/html
XHTML: application/xhtml+xml, application/xml
FejlesztőW3C HTML WG,WHATWG
Kiadás dátuma2014.október 28.
Formátum típusajelölőnyelv
Mac OS típuskódTEXT
Uniformpublic.html
Standard
Weboldalhtml.spec.whatwg.org/multipage/

AHTML5 aHTML (Hypertext Markup Language, awebjelölőnyelve) korábbi verzióinak az átdolgozott változata. A kifejlesztésének egyik fő célja, hogy a webes alkalmazásokhoz ne legyen szükség pluginek (pl.Adobe Flash,Microsoft Silverlight,OracleJavaFX) telepítésére.

A specifikáció aHTML4 és azXHTML1 új verzióját jelenti, a hozzájuk tartozóDOM2 HTML API-val együtt. A HTML5 specifikációban leírt formátumba történő migrációHTML4-ről, vagyXHTML1-ről a legtöbb esetben egyszerű, mivel a visszamenőleges kompatibilitás biztosított.

A specifikáció a közeljövőben támogatni fogja aWeb Forms 2.0 specifikációt is.

Jelölés

[szerkesztés]

A HTML5 bevezet jó néhány új elemet (címkét) és tulajdonságot, amelyek a modern weblapokon jellemzően alkalmazott szerkezetekre kínálnak új megoldást. Néhány változtatásszemantikai jellegű, például az általánosan használt <div> és a soron belüli részek formázását biztosító <span> helyett a <nav> (a weboldal navigációs területe) és a <footer> (lábléc). Más elemek új funkciók elérését biztosítják szabványosított felületen, mint az <audio> és a <video> elemek.

Néhány a HTML 4.01-ben már érvénytelenített elem az új szabványba már nem került be. Ilyenek a mai weblapokon még gyakran jelenlévő <font> és <center> elemek, amelyek hatását most már véglegCSS kóddal kell megvalósítani. Újra hangsúlyt helyeztek aDOM szkriptek (gyakorlatilag aJavaScript) jelentőségére a weboldalak viselkedésével kapcsolatban.

A jelölések hasonlósága ellenére a HTML5 szintaxisa már nem azSGML-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

[szerkesztés]

A HTML5 !DOCTYPE tagja (címkéje) is megváltozott. Lerövidítették, egyszerűsítették:

<!DOCTYPE html>

A kezdőtag után jön a html nyitó- és zárótag. Ezek közé kerül minden:

<htmllang="hu"></html>

Ezután a head tagek jönnek. Ezek közé kerülnek a háttérinformációk:

<head></head>

A head tag zárótagje után jönnek a body tagek. Ez így fest:

<body></body>

Ez a struktúra.Összegezve így néz ki:

<!DOCTYPE html><htmllang="hu"><head></head><body></body></html>

A head tagek közé kell betenni minden háttérinformációt.

  • Meta tagek.[1] 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, logóval é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:

<!DOCTYPE html><htmllang="hu"><head><title>            Oldal neve</title><linkrel="stylesheet"href="/style.css"/><scripttype="text/javascript">/* Javascript, ha kell. */</script><metacharset="kívánt karakterkódolás"/></head><body><headerid="fejlec"><imgsrc="elérésiút"alt="logo, kép"/><h1id="szlogen">                Szlogen</h1></header><sectionid="tartalom"><navid="menusav"><ahref="/oldal1">Menü1</a><ahref="/oldal2">Menü2</a><ahref="/oldal3">Menü3</a><ahref="/oldal4">Menü4</a><ahref="/oldal5">Menü5</a></nav><articleid="lenyeg"><header><h2>Cikk címe</h2><h3>Cikk alcíme</h3></header><p>                    Első bekezdés.</p><p>                    Második bekezdés.</p></article></section><footer><p>                Lábléc szövege</p></footer></body></html>

Jegyzetek

[szerkesztés]
  1. Ezek a legfontosabb META tag-ek (magyar nyelven). [2019. március 6-i dátummal azeredetiből archiválva]. (Hozzáférés: 2017. augusztus 5.)

Külső hivatkozások

[szerkesztés]
Commons:Category:HTML5
AWikimédia Commons tartalmazHTML5 témájú médiaállományokat.
A lap eredeti címe: „https://hu.wikipedia.org/w/index.php?title=HTML5&oldid=28784698
Kategóriák:
Rejtett kategória:

[8]ページ先頭

©2009-2026 Movatter.jp