Beleértve a régi HTML elemeket és az újakat a HTML5-be
Bár a fejlesztése sok évvel korábban megkezdődött, a HTML5 először 2010-ben kezdett el használni a webes tervezők / fejlesztők körében. Jól van a kapu, a nyelv sok webes szakember számára érezhető, hiszen ahelyett, hogy mindent megpróbálna a semmiből, a HTML5 építettem, ami előbb jött. Bárki, aki ismerte a HTML 4.01-et, hamar rájött, hogy a HTML5-ben már csak egy kis verzió található meg.
Habár a HTML5 számos olyan elemet tartalmaz, amelyek egy ideje a HTML-ben vannak, de a HTML5 új elemeit is bemutatta. Ezen új elemek közül sokan a "tehénútvonalak burkolatának" nevezett megközelítést alkalmazták. Ez egy olyan kifejezés, amelyet az IT-ben gyakran használnak, lényegében azt jelenti, hogy megnézzük, mit csinálnak az emberek, és ezt tegyék meg. A webes tervezők esetében ez arra volt kíváncsi, hogy hogyan építettek már új oldalakat, és hogy az ilyen tevékenységekre vonatkozó új elemek alapján döntsenek. Például sok webes szakember olyan weboldalakat építene fel, amelyek a "fejléc", "nav" és "lábléc" azonosítót vagy osztálytulajdonságokat használtak. Mint ilyen, a HTML5 ezeket új elemekként mutatta be, lehetővé téve a webes szakembereknek, hogy szigorúbb szakaszelemeket használjanak a dokumentumaikhoz, csak a megosztottság helyett. Ez a kombináció a közismertség és egy megközelítés, amely elismerte a jelenlegi gyakorlatok segített HTML5 gyorsan átölelte a web design ipar.
A HTML5 Doctype
Először is, minden új HTML5 elem használatához a dokumentumnak tartalmaznia kell a HTML5 doctype-et, amely:
Érdemes észrevenni, hogy ez a doctype nem említi kifejezetten a "HTML5" kifejezést, hanem egyszerűen csak a "html" verziót jelenti. Ez azért van, mert ez a doctype az, amit a nyelv minden iterációjára előre kell használni.
Tény, hogy a HTML5 a nyelv utolsó számozott verziója, és a jövőben következetesen új változtatásokat adnak hozzá. Valójában az alább felsorolt elemek közül néhányat a 2010-es kezdeti nyomást követően jóval a nyelvhez adtak hozzá!
A HTML5 címkék
Címke | Magyarázat |
---|---|
Horgony vagy kapcsolat | |
abbr> | Rövidítés |
| A dokumentum címe vagy szerzői |
| Ügyféloldali kép térkép |
| Cikk |
| Tangenciális tartalom |
Hangfolyam | |
b> | Bátor |
A dokumentum elemeihez tartozó alap URI elérési utak | |
bdo> | Kétirányú algoritmus |
blockquote> | Hosszú idézet |
| Az oldal teste |
katalógusa | Sortörés |
| HTML formanyomtató |
Vászon a dinamikus grafika számára | |
Megjegyzés | |
| Táblázataláírás |
cite> | Idézet |
code> | Kód hivatkozás |
| Táblázat oszlop |
| Táblázat oszlop csoportosítás |
| Parancs vagy cselekvés az oldalon |
A dokumentum típusának meghatározása | |
| Adatrács |
Más vezérlőelemek előre meghatározott lehetőségei | |
| Definíció lista leírása vagy a diskurzus terjedelme |
| Törölt szöveg |
| További on-demand információk |
dfn> | Meghatározás |
párbeszéd> | Beszélgetés |
div> | Logikai felosztás |
| Leírás lista |
| Fogalommeghatározási lista vagy párbeszédpanel |
em> | Hangsúly |
Beágyazott elem a beépülő modulokhoz | |
Űrlap-ellenőrző csoport | |
| Az |
<Ábra> ábra> | Ábra opcionális felirattal |
Az oldal laptora | |
Forma | |
h1> | Első szintű főcím |
h2> | Második szintű főcím |
h3> | Harmadik szintű címsor |
h4> | Negyedik szint főcím |
h5> | Ötödik szint főcím |
h6> | Hatodik szintű főcím |
| A dokumentum vezetője |
| Az oldal fejléce |
hgroup> | Címsorcsoport |
| Vízszintes szabály |
html> | A weblap gyökéreleme |
i> | Dőlt szöveges stílus |
Inline keret | |
Kép | |
Beviteli űrlapelem | |
Gombelem elem | |
Jelölje be a jelölőnégyzetet | |
Színes bemenet | |
| Dátum bevitele |
Globális dátum és idő bevitel | |
Helyi dátum és idő bevitel | |
E-mail cím bevitele | |
Fájl feltöltési űrlap elem | |
Rejtett mező mezőelem | |
Képformájú elem | |
Év és hónap bevitele | |
Számbemenet | |
Jelszóelem elem | |
Rádiógomb elem | |
Pontatlan számbevitel | |
Reset gombelem elem | |
Keresés mezőbe | |
Küldje be a gombelem elemét | |
Telefonszám bemenet | |
Szövegmező formanyomtatvány | |
Időbevitel | |
URL-bevitel | |
| Év és hét bevitele |
ins> | Beillesztett szöveg |
kbd> | A felhasználó által beírandó szöveg |
| Biztonsági kulcsok létrehozása a tanúsítványkezeléshez |
Formanyomtatvány | |
Form fieldset felirat | |
| Listaelem |
Link a kapcsolódó dokumentumokra | |
| A tartalom fő területe egy oldalon |
| Ügyféloldali kép térkép |
jel> | Megjelölt vagy kiemelt szöveg |
| Parancsok listája |
Meta információk a dokumentumról | |
| Scalar gauge |
A terület meghatározása navigációs hivatkozásokkal | |
Tartalom, amikor a szkriptek nem állnak rendelkezésre | |
| Nem szabványos objektum |
| Rendezett vagy számozott lista |
A választott listában szereplő lehetőségek csoportja | |
| Opció egy kiválasztott listán |
A formanyomtatvány eredményei | |
p> | Bekezdés |
Egy objektumelem paraméterei | |
pre> | Előre formázott szöveg |
| Haladásjelző |
q> | Rövid inline ajánlat |
Rubin zárójel | |
Rubin szöveg | |
| Rubin jegyzet |
| Strikeout szöveg |
samp> | Minta kimenet |