Bevezetés a HTML5 elemekbe
Leginkább a webhelyekről vagyunk tudatában. A webhely egyszerűen weboldalak gyűjteménye, amellyel bármilyen szükséges weboldalt létrehozhat. A HTML az az elem, amely felelős bármely weboldal elkészítéséért. A HTML a HyperText Markup Language kifejezést jelenti. Ez az alapvető jelölőnyelv az összes weboldal elkészítéséhez, amely weblapokat is alkot. A HTML annyira fejlődött a kialakítás kezdeti szakaszában
A HTML-t eredetileg a W3C és a WHATWG fejlesztette ki. Eredetileg 1993-ban fejlesztették ki. A W3C elsősorban a Html és egyéb dolgok szabványait ellenőrzi. A HTML sokat fejlődött az 1.0 eredeti verziójától az 5 verziójáig. A HTML5 rengeteg új HTML címkét tartalmaz.
HTML-címkék, ott felhasználások és példák
Az alábbiakban felsorolunk néhány HTML-címkét a felhasználásukkal, és a példák a következők:
Új elemek a HTML5-ben
1) - Ez egy új űrlapelem a HTML5-ben. Ez elősegíti az automatikus kiegészítés egy olyan funkciójának megvalósítását, ahol megjelenik egy beviteli mező, ahol a felhasználó szöveget szúrhat be, hogy láthassa a listában szereplő elemeket
Példa:
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
- Ez a címke a HTML-fájlon kiszámított számítások kimenetet képviseli
Példa
0
100
+
=
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészés során
2) - Ezt az elemet a felhasználó bemeneteinek fogadására használják. A felhasználó által beírt szöveg általában szöveges forma
Példa
Favorite Football Player:
Favorite Football Team:
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
3) - Ezt az elemet jelszó fogadására használják a felhasználótól.
Példa
User name
Password:
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
4) - Ez a címke megjeleníti a küldés gombot. Ez a gomb az űrlap benyújtására szolgál
Példa - Az alábbi példában frissítse a művelet értékét a php fájl elérési útjával
Favorite Football Player:
Favorite Football Team:
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
5) - Ez az elem segít egy bemenetet fogadni a felhasználótól a rendelkezésre álló több elemből. A felhasználó kiválaszthatja a listában elérhető bármely elemet
Példa
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
6) - Ez az elem segít több bemenetet fogadni a felhasználótól az elérhető több elemről. A felhasználó tetszőleges számot választhat a listában elérhető elemek közül
Példa
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Most másolja át a fenti kódrészletet, és illessze be html fájlba. Most nyissa meg a fájlt a böngészőben
7) HTML put type = ”number”> - Ez az elem segíti a felhasználó általi numerikus értéket. A felhasználó csak numerikus értéket írhat be a mezőbe
Példa
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Most másolja át a fenti kódrészletet, és illessze be a HTML fájlba. Most nyissa meg a fájlt a böngészőben
8) - Ez az elem segít ellenőrizni, hogy a felhasználó által beírt érték érvényes e-mail-e. A beküldési hibát jelzi, ha az e-mail érvénytelen
Példa
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Most másolja át a fenti kódrészletet, és illessze be html fájlba. Most nyissa meg a fájlt a böngészőben
Ezen kívül a HTML5 számos új elemet tartalmaz. Néhány közülük -
- hatótávolság
- URL
- tel
- hang-
- beágyaz
A HTML elemeken kívül. Új szemantikai elemeket is felvetett. Néhány fontos szemantikai elem a-
Következtetés - HTML5 elemek
Sok HTML-címke van, amelyet fejlesztünk. A kezdeti 1.0-tól az 5.2-ig a legújabb verzióig a HTML sokat fejlődött. Ezek a címkék elősegítik a felhasználói felület jobb felépítését, valamint számos ellenőrzést nyújtanak a felhasználói gépen is.
Ajánlott cikkek
Ez egy útmutató a HTML5 elemekhez. Itt tárgyaljuk a bevezetést, a HTML címkéket, felhasználásait és a hozzájuk tartozó példákat. A további javasolt cikkeken keresztül további információkat is megtudhat -
- Html5 vs Html4
- HTML vs HTML5
- A HTML5 interjúval kapcsolatos kérdések és válaszok
- 10 legjobb különbség HTML vs HTML5 (infographics)
- HTML keretek
- Html5 új elemek
- HTML5 címkék | A HTML5 | 4 legnépszerűbb címkéje Példák
- Útmutató a HTML5 szemantikai elemekhez