Skip to main content

Mik az új funkciók a HTML 5-ben?

HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started (Június 2026)

HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started (Június 2026)
Anonim

A HTML 5 sok új funkciót kölcsönöz a HTML specifikációnak, és könnyű végrehajtani. Használja a HTML 5 dokkoló típust, amely egyszerű és egyszerűbb:

Igen ez az. Csak két szó "doctype" és "html". Lehet, hogy ez egyszerű, mert a HTML 5 már nem része az SGML-nek, hanem önmagában egy jelölőnyelv.

A HTML 5 karakterkészlete is egyszerűsödik. UTF-8-at használ, és csak egy metacímke segítségével definiálja:

HTML 5 új struktúra

A HTML 5 felismeri, hogy a weboldalaknak van egy szerkezete, akárcsak a könyvek és más XML dokumentumok szerkezete. A weboldalak általában navigációval, testtartalommal, oldalsáv tartalmakkal, fejlécekkel, láblécekkel és egyéb funkciókkal rendelkeznek. A HTML 5 rendelkezik olyan címkékkel, amelyek támogatják az oldal elemeit. Ők:

  • az oldalak egyes részeit határozza meg.
  • meghatározza az oldal fejlécét.
  • meghatározza az oldal láblécét.
  • meghatározza a navigációt egy oldalon.
  • meghatározza a cikket vagy az elsődleges tartalmat egy oldalon.
  • olyan extra tartalmakat határoz meg, mint egy oldalsáv az oldalakon.
  • olyan cikkeket határoz meg, amelyek egy cikket tartalmaznak.

HTML 5 új inline elemek

Az új inline elemek néhány alapvető fogalmat definiálnak és szemantikailag megjelöltek:

  • jelzi a valamilyen módon megjelölt tartalmat.
  • az idő vagy a dátum tartalma.
  • olyan tartalmat jelez, amely egy ismert tartomány töredéke, például a lemezhasználat.
  • jelzi a feladat végrehajtását a befejezésig.

HTML 5 új dinamikus oldalak támogatása

A HTML 5-öt a webes alkalmazások fejlesztőinek fejlesztésére fejlesztették ki, így sok olyan új funkcióval rendelkezik, amelyek megkönnyítik a dinamikus HTML oldalak létrehozását:

  • Kontextus menük - A HTML 5 támogatja a webes oldalakon és alkalmazásokban található helyi menük létrehozását és használatát.
  • href nincs szükség egy címkére. Ez lehetővé teszi, hogy szkriptekkel és webalkalmazásokban címkét használj anélkül, hogy helyet kellene adnod ahhoz a horgonyhoz.
  • async attribútum - Ez hozzá van adva a szkript címkéhez, hogy elmondja a böngészőnek, hogy a szkriptet aszinkron módon kell betölteni, így nem lassítja le az oldal többi részének terhelését és megjelenítését.
  • - Ez részleteket tartalmaz egy elemről. Ez olyan, mint a nem internetes alkalmazások eszköztippje.
  • létrehoz egy táblát, amely egy adatbázisból vagy más dinamikus forrásból épül fel.
  • egy régi címke, amelyet visszaad és új életet kapott, lehetővé téve, hogy hozzon létre egy menürendszert a weboldalain.
  • meghatározza a dinamikus elem aktiválásakor bekövetkező műveleteket.

HTML 5 új űrlap típusok

A HTML 5 támogatja az összes szabványos formátumú beviteli típust, de még néhányat ad hozzá:

  • dátum idő
  • datetime helyi
  • dátum
  • hónap
  • hét
  • idő
  • szám
  • hatótávolság
  • email
  • url

HTML 5 új elemek

Van néhány izgalmas új elem a HTML 5-ben:

  • - Ez az elem egy JavaScript-rajzterületet biztosít a weboldalain. Hozzáadhat képeket vagy gráfokat az eszköztippekhez, vagy dinamikus grafikonokat hozhat létre a weboldalain, amelyek a repülésre épülnek.
  • - Videó hozzáadása weboldalakhoz ezzel az egyszerű címkével.
  • - Hang hozzáadása a weboldalakhoz ezzel az egyszerű címkével.

A HTML 5 eltávolítja néhány elemet

A HTML 4 egyes elemeit már nem támogatja a HTML 5. A legtöbb már elavult, és nem meglepő. Ők:

  • betűszó
  • applet
  • basefont
  • nagy
  • központ
  • dir
  • betűtípus
  • keret
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • sztrájk
  • tt
  • u