Vanade HTML-elementide ja uute HTML5-elementide lisamine
Kuigi selle arendamine oli alanud paljude aastate jooksul, hakkas HTML5 esmakordselt esmakordselt hakkama 2010. aastal veebidisainerite ja -arendajatega ühiselt kasutama. Väljastpoolt väravat tundis keelt paljude veebipõhiste spetsialistide jaoks tuttav, sest selle asemel, et püüda midagi uut leida nullist, HTML5 ehitatud sellele, mis oli varem tulnud. Igaüks, kes teadis HTML 4,01-d, leidis kiiresti, et seda versiooni võib nüüd leida HTML5-st.
Kuigi HTML5 sisaldab mitmeid elemente, mis on mõnda aega HTML-is ümber käinud, tutvustas see ka käputäis elemente, mis olid HTML5-i jaoks uued. Paljude uute elementide puhul kasutati lähenemisviisi, mille pealkiri oli "lehvitute sillutamine". See on termin, mida kasutatakse infotehnoloogias, et sisuliselt tähendada seda, mida inimesed juba teevad ja teevad. Veebi disainerite puhul tähendas see seda, kuidas nad juba lehed ehitasid ja otsuseid uute tegevuste kohta otsustati. Näiteks loovad paljud veebi spetsialistid veebisaite koos jagudega, milles kasutati päise, nööbi ja jaluse jada ID või klassi atribuute. Sellisena tutvustas HTML5 neid uusi elemente, mis võimaldavad veebi spetsialistidel lisada oma dokumentidele rohkem tähendust, kasutades selleks ainult jagunemise asemel spetsiaalseid sektsioonielemente. Sellise tutvustamise ja praeguste tavade tunnustamiseks mõeldud lähenemisviis aitas HTML5-i kiiresti veebidisaini tööstusele kaasa.
HTML5 doktüüp
Kõigi uute HTML5-elementide kasutamiseks peab teie dokument sisaldama HTML5-dokumendi, mis on:
Võite märgata, et see dotsüüp ei osuta konkreetselt "HTML5-ile", vaid pigem lihtsalt, et versioon on "html". Seda seetõttu, et see dotsüüp on see, mida kavatsetakse kasutada, jätkub kõigi keele iteratsioonide jaoks.
Tegelikult peaks HTML5 olema keele viimane nummerdatud versioon, kusjuures uued muudatused lisatakse järjekindlalt tulevikus. Tegelikult on mõned allpool toodud elemendid lisatud keelele hästi pärast seda, kui esialgne push aastal 2010!
HTML5-i sildid
Silt | Selgitus |
---|---|
a> | Ankur või link |
abbr> | Lühend |
| Dokumendi aadress või autorid |
Kliendipildi kujutise kaart | |
| Artikkel |
| Tangentsiaalne sisu |
Audio voog | |
b> | Julge |
| Dokumendi elementide aluseks olevad URI teed |
bdo> | Kahepoolne algoritm |
blockquote> | Pikk tsitaat |
body> | Lehe keha |
| Rida puruneb |
| HTML vormi nupp |
Dünaamilise graafika lõuend | |
Kommentaar | |
| Tabeli pealkiri |
cite> | Viide |
code> | Koodi viide |
| Tabeli veerg |
| Tabeli veergude grupeerimine |
| Lehekülje käsk või tegevus |
Dokumendi tüübi määratlus | |
| Andmesidevõrk |
Teiste kontrollide eelmääratud võimalused | |
| Mõistete loendi kirjeldus või diskursuse pikkus |
| Kustutatud tekst |
detail> | Täiendav tellitav teave |
dfn> | Määratlus |
Vestlus | |
div> | Loogiline jaotus |
| Kirjelduste nimekiri |
| Määratlusloendi termin või dialoogi kõneleja |
em> | Rõhk |
Pluginate sisestatud element | |
Vormikontrollirühm | |
| Elemendi |
Joonis koos valikulise pealkirjaga | |
Lehe alaosa | |
Vorm | |
h1> | Esimese taseme pealkiri |
h2> | Teise taseme pealkiri |
h3> | Kolmanda taseme pealkiri |
h4> | Neljanda taseme pealkiri |
h5> | Viienda taseme pealkiri |
h6> | Kuuenda taseme pealkiri |
head> | Dokumendi juht |
| Lehe päis |
hgroup> | Pealkirjagrupp |
| Horisontaalne reegel |
html> | Veebilehe juurte element |
i> | Kursuse teksti stiilis |
Sisemine raamistik | |
Pilt | |
Sisendvormi element | |
Nupu vormi element | |
Märkeruutu vormi element | |
Värviline sisestus | |
Kuupäeva sisestamine | |
Globaalne kuupäeva ja kellaaja sisend | |
Kohaliku kuupäeva ja kellaaja sisend | |
E-posti aadressi sisestamine | |
Faili üleslaadimise vormi element | |
Varjatud vormi väljade element | |
Kujutise vormi element | |
Aasta ja kuu sisend | |
Numbri sisend | |
Parooli vormi element | |
Raadio nupu vormielement | |
Täpne numbri sisend | |
Lähtesta nupu vormi element | |
Otsinguvälja | |
Saada nupu vormi element | |
Telefoninumbri sisend | |
Tekstivälja vormi element | |
Aja sisend | |
URL sisend | |
Aasta ja nädala sisend | |
ins> | Sisestatud tekst |
kbd> | Tekst, mille kasutaja peab sisestama |
| Loo sertifikaatide haldamiseks turvalised võtmed |
Vormi silt | |
Vormi väljade tiitli pealkiri | |
| Loendi üksus |
Link seotud dokumentidele | |
| Lehe sisu peamine valdkond |
Kliendipildi kujutise kaart | |
mark> | Märgitud või esile tõstetud tekst |
| Käskude nimekiri |
Metaandmed dokumendi kohta | |
| Skalaari gabariit |
Määratlege ala navigeerimislingidega | |
Sisu, mida skriptid pole saadaval | |
| Mittestandardne objekt |
| Tellitud või nummerdatud loend |
Valikute loend valitud loendis | |
| Võimalus valitud loendis |
| Vormi arvutuse tulemus |
p> | Lõige |
Objekti elemendi parameeter | |
pre> | Eelvormindatud tekst |
Edenemise indikaator | |
q> | Lühike vahetus tsitaat |
Rubiin sulgudes | |
Rubiin tekst | |
ruby> | Rubiinide märkus |
| Tõkestus tekst |
samp> | Proovi väljund |