A HTML5 új elemek áttekintése
1999 óta, amikor a HTML 4.01 szabvány lett, a web és az internet használata jelentős mértékben megváltozott. A W3C elhatározta, hogy az alapvető HTML szintaxist a standard Generalized Markup Language (SGML) -ről XML-re változtatja, és teljesen más jelölőnyelveket is, például Scalable Vector Graphics (SVG), XForms és MathML. Jelenleg néhány HTML 4.01 összetevő elavult, soha nem használták, vagy nem használták a várt módon. A HTML5 komponenseinek minden része elmozdul vagy újra összeáll. A HTML5 új elemeket tartalmaz a reprezentáció szemléltetésére, a digitális tartalom megjelenítésére, a jobb oldal elrendezésre és az általános funkcionalitásra, valamint számos új interfészt tartalmaz a mai internetes igények megfelelő kezelésére.
Számos új elem került bevezetésre a HTML5-ben, amely bizonyos további funkciókat kínál a kívánatos és interaktív webhely kialakításához. Ilyen komponensek segítségével gyorsan és hatékonyan tudjuk létrehozni kódját. A struktúra hiánya miatt sok jól kialakított HTML dokumentum kezelése nehezebb, mint amilyennek lennie kell. A fejléc-skálák kiértékelésével meg kell tudnunk, hogy a szegmensek törései merre tartanak. A div elem azonosítja az oldalsávokat, a lábléceket, a fejléceket, a navigációs menüket és a fő tartalmi elemeket.
A 10 legnépszerűbb HTML5 új elem
A HTML5 új elemeket biztosít a dokumentum elrendezésének javításához.
1.
Az elem meghatározza az oldal egy részét, amely külön struktúrát tartalmaz egy dokumentumban, szakaszban vagy webhelyen, és amelyet ajánlott széles körben terjeszteni vagy felhasználni. Ez lehet egy csoport, amely naplót vagy napilapot jelent, online hírlevélre történő beküldés, egy ügyfél által elküldött megjegyzés vagy bármilyen más anyag-mentes tárgy.
Példa:
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Kimenet:
- Mentse a fenti kódot egy .html kiterjesztésű fájlba.
- Futtassa a html fájlt egy böngészőben, és az alábbi képen látható módon kapja meg a kimenetet.
2.
Az elem nagyban jelzi az egyedi tartalmat, mint kategorizálás, térkép, kép, kódcikk és még sok más.
Példa:
Figure Element
Az EDUCBA vezető készség-alapú oktatás vezető globális szolgáltatója, amely 40 000 ország több mint 500 000 tagjának felel meg.
Kimenet:
A fenti kód az alábbi képen látható módon hozza létre a kimenetet,
3.
Az elem hozzáteszi a kép leírását.
Példa:
Figure Caption Element
Az EDUCBA vezető készség-alapú oktatás vezető globális szolgáltatója, amely 40 000 ország több mint 500 000 tagjának felel meg.
EDUCBA (Corporate Bridge Consultancy Pvt Ltd)
Kimenet:
A fenti kód az eredményt mutatja az alábbi képen látható módon,
4.
Az elem egy dokumentum vagy az oldal egy fejlécének meghatározására szolgál. Egy dokumentumban egynél több fejlécet is meghatározhat.
Példa:
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
A dokumentum tartalma itt található …
Kimenet:
A fenti kód az eredményt mutatja az alábbi képen látható módon,
5.
Az elem meghatározza az információkat, például szerzői információkat, szerzői jogi információkat, elérhetőségeket, linkeket a kapcsolódó dokumentumokhoz, webhelytérképet és még sok másat.
Példa:
Footer Element
Szerzői jog © 2019 www.educba.com
Kapcsolat:
Kimenet:
A fenti kód az eredményt mutatja az alábbi képen látható módon,
6.
Az elem a dokumentum fő, azaz fontos információinak megjelenítésére szolgál.
Példa:
Main Element
Fejléc-információk
Fő információk
EDUCBA
Az EDUCBA a világszerte vezető készség alapú oktatás …
Lábléc információk
Kimenet:
A fenti kód az alábbi képen látható módon hozza létre a kimenetet,
7.
Az elem arra szolgál, hogy kiemelje vagy megjelölje a szöveget a háttér színével, amely vonzza a felhasználót a dokumentum egy adott szövegéhez.
Példa:
Mark Element
Az EDUCBA vezető készség-alapú oktatás vezető globális szolgáltatója, amely 40 000 ország több mint 500 000 tagjának felel meg.
Kimenet:
A fenti kód az eredményt mutatja az alábbi képen látható módon,
8.
Az elem a navigációs hivatkozások megadására szolgál az oldalon. Ezek a linkek kapcsolatot teremtenek a dokumentum többi oldalával.
Példa:
Nav Element
HTML |
CSS |
JAVA |
PHP |
PYTHON
Kimenet:
A fenti kód az alábbi képen látható módon hozza létre a kimenetet,
9.
Az elem a dokumentum önálló szakaszának vagy meghatározott régiójának meghatározására szolgál.
Példa:
Section Element
Main Article
Section Element
Main Article
Section Element
Main Article
Itt jelenik meg a fő fejléc tartalma …
Első szakasz
Megjelenik az első szakasz tartalma …
Második szakasz
Megjelenik a második szakasz tartalma …
Kimenet:
A fenti kód az eredményt mutatja az alábbi képen látható módon,
10.
A címke a címke egy része, amely biztosítja a szöveget, amely megjeleníthető vagy elrejthető, amikor a felhasználó rákattint a fejlécre.
Példa:
Summary Element
EDUCBA - Corporate Bridge Consultancy Pvt Ltd
Ez a világ egyik vezető készség-alapú oktatási szolgáltatója, amely 40 000 és több mint 500 000 tag igényeit kielégíti 40 országban.
Kimenet:
A fenti kód futtatásakor az eredmény az alább látható módon jelenik meg,
A képen látható módon kattintson a fejlécre, ez megjeleníti a rejtett szöveget, az alább látható módon,
Következtetés
Eddig láttuk, hogy az új HTML5 elemek milyen hasznosak a webhely létrehozásának különféle feladataihoz. Ezek az új elemek pontosabban és szabványosabban olvasják el a dokumentumot, és összetettebb és hatékonyabb internetes alkalmazásokat fejlesztenek ki. Az új HTML5 elemek további kiegészítő szolgáltatásokat nyújtanak az interaktív webhelyek létrehozásához.
Ajánlott cikkek
Ez egy útmutató a HTML5 új elemekhez. Itt a Html5 top 10 új elemét tárgyaljuk a dokumentum elrendezésének javítása érdekében. A következő cikkeket is megnézheti további információkért -
- Színkorrekció az utóhatásokban
- A Html 6 legnépszerűbb verziója
- Html5 vs Html4
- XHTML vs HTML5
- Mi a híd?
- HTML5 címkék | A HTML5 négy legnépszerűbb címkéje