Vaikka sen kehitys oli alkanut monta vuotta aiemmin, HTML5 alkoi todella alkaa tulla yhteiseen käyttöön web-suunnittelijoiden / kehittäjien kanssa vuonna 2010. Oikein ulos portista kieli tuntui tutulta monille web-ammattilaisille, sillä sen sijaan, että yritettäisiin keksimään kaiken tyhjästä, HTML5 joka perustuu siihen, mitä aiemmin oli tullut. Jokainen, joka tunsi HTML 4.01: n, havaitsi nopeasti, että juuri tämä versio löytyy HTML5: sta.
Vaikka HTML5 sisältää monia elementtejä, jotka ovat olleet ympärillä HTML: ssä jo jonkin aikaa, se esitteli myös kourallisen elementtejä, jotka olivat uusia HTML5: lle. Monille näistä uusista elementeistä käytettiin lähestymistapaa, jota kutsuttiin "laiturikanavien asettamiseksi". Tämä termi, jota käytetään yleisesti IT: ssä, merkitsee olennaisesti sitä, mitä ihmiset jo tekevät ja tekevät niin. Web-suunnittelijoiden tapauksessa tämä tarkoitti sitä, kuinka he olivat jo rakentamassa sivuja ja perustaneet päätöksiä uusista tekijöistä näissä toiminnoissa. Esimerkiksi monet web-ammattilaiset rakensivat verkkosivustoja, joissa käytettiin tunnisteita tai luokkia "otsikko", "nav" ja "alatunniste". HTML5 esitteli ne näin uutena elementtinä, jolloin web-ammattilaiset voivat lisätä asiakirjansa merkityksiä käyttämällä erillisiä leikkauselementtejä vain divisioonien sijaan. Tämä yhdistelmä tuntemus ja lähestymistapa, joka tunnusti nykyiset käytännöt auttoivat HTML5: n nopeasti omaksumaan web-suunnitteluteollisuuden.
HTML5 Doctype
Ensin, jos haluat käyttää mitä tahansa uutta HTML5-elementtiä, asiakirjasi on sisällytettävä HTML5-tietolaji, joka on:
Saatat huomata, että tämä didctype ei nimenomaisesti mainita "HTML5", vaan pikemminkin toteaa version "html". Tämä johtuu siitä, että tämä dokktyyppi on tarkoitettu käytettäväksi eteenpäin kaikille kielen toistuvuuksille.
Itse asiassa HTML5: n on tarkoitus olla kielen viimeinen numeroitu versio, ja uusia muutoksia lisätään jatkuvasti johdonmukaisesti tulevaisuudessa. Itse asiassa jotkin seuraavassa luettelossa olevista elementeistä on lisätty kieleen sen jälkeen, kun ne olivat alkaneet vuonna 2010!
HTML5-tunnisteet
| Tag | Selitys | |
|---|---|---|
| Ankkuri tai linkki | ||
| Lyhenne | ||
| Asiakirjan osoite tai tekijät | ||
| Asiakaspuolen kuvakartta | ||
| Artikla | ||
| Tangentiaalinen sisältö | ||
| Äänivirta | ||
| rohkea | ||
| Asiakirjan elementtien URI-polut | ||
| Kaksisuuntainen algoritmi | ||
| Pitkä lainaus | ||
| Sivun runko | ||
| Rivinvaihto | ||
| HTML-lomakkeen painike | ||
| Canvas dynaamiseen grafiikkaan | ||
| Kommentti | ||
| Taulukon otsikko | ||
| lainaus | ||
| Koodin viite | |
| Taulukko sarake | ||
| Taulukon sarakeryhmä | ||
| Komento tai toiminto sivulla | ||
| Asiakirjatyypin määritelmä | ||
| Tietoverkko | ||
| Ennalta määritetyt vaihtoehdot muille hallintalaitteille | ||
| Määritelmäluettelon kuvaus tai diskurssianalaisuus | ||
| Poistettu teksti | ||
| Muut tilausvaatimukset | ||
| Määritelmä | ||
| Keskustelu | ||
| Looginen jako | ||
| Kuvausluettelo | ||
| Määrittelyluettelon termi tai dialogikaiutin | ||
| painotus | ||
| Sisäänrakennettu elementti laajennuksia varten | ||
| Lomakevalvontaryhmä | ||
| Otsikko, jota käytetään a | ||
| Kuva valinnaisella kuvatekstillä | ||
| Sivun alatunniste | ||
| muoto | ||
| Ensimmäisen tason otsikko | ||
| Toisen tason otsikko | ||
| Kolmannen tason otsikko | ||
| Neljäs tason otsikko | ||
| Viides tason otsikko | ||
| Kuudennen tason otsikko | ||
| Asiakirjan johtaja | ||
|
| Sivun otsikko | |
| Otsikkoryhmä | ||
| Vaakasuora sääntö | ||
| Web-sivun juuren elementti | ||
| Kursivoitu tekstityyli | ||
| Inline-kehys | ||
| Kuva | ||
| Sisääntulomuoto | ||
| Painike-elementti | ||
| Valintaruudun muoto-elementti | ||
| Väritulo | ||
| Päivämäärä | ||
| Globaali päivämäärä ja kellonaika | ||
| Paikallinen päiväys ja kellonaika | ||
| Sähköpostiosoitteen syöttö | ||
| Tiedoston latauslomake | ||
| Piilotettu kentän elementti | ||
| Kuvan muotoelementti | ||
| Vuosi ja kuukausi | ||
| Numerointi | ||
| Salasanamuotoinen elementti | ||
| Radiopainike-elementti | ||
| Määrittelemätön numerotulo | ||
| Nollaa painikkeen muoto-elementti | ||
| Hakukenttä | ||
| Lähetä painikkeen muoto elementti | ||
| Puhelinnumeron syöttö | ||
| Tekstikentän muotoelementti | ||
| Aikaintulo | ||
| URL-syöte | ||
| Vuosi ja viikon syöttö | ||
| Lisätty teksti | ||
| Käyttäjän syöttämä teksti | ||
| Luo turvalliset avaimet varmennehallinnalle | ||
| Lomakkeen etiketti | ||
| Lomakkeen fieldset-kuvateksti | ||
| Luettelo kohde | ||
| Linkki asiaan liittyviin asiakirjoihin | ||
| Sivun sisällön pääalue | ||
| Asiakaspuolen kuvakartta | ||
| Merkitty tai korostettu teksti | ||
| Komentoja | ||
| Meta tiedot asiakirjasta | ||
| Skalaarimittari | ||
| Määritä alue, jolla on navigointiyhteyksiä | ||
| Sisältö, kun komentosarjat eivät ole käytettävissä | ||
| Epätyypillinen objekti | ||
|
| Järjestetty tai numeroitu luettelo | |
| Valintaluettelossa olevien vaihtoehtojen ryhmä | ||
| Valintaluettelon vaihtoehto | ||
| Lomakkeen laskennan tulos | ||
| Kohta | ||
| Kohde-elementin parametri | ||
|
| Esikäsitelty teksti | |
| Edistyksen ilmaisin | ||
| Lyhyt inline-lainaus | ||
| Ruby sulkeissa | ||
| Ruby-teksti | ||
| Ruby-merkintä | ||
| Strikeout-teksti | ||
| Näytteenotto | ||
| skriptejä | ||
| Sivun osio | ||
| Valitse tai avattavat valikkoluettelot | ||
| Pienikokoinen kirjasinkoko | ||
| Media lähde | ||
| Generic inline style container | ||
| Vahva painotus | ||
| Tyyliarkit | ||
| alaindeksi | ||
| Yhteenveto DETAILS-elementtien sisällöstä | ||
| Yläindeksi | ||
| Pöytä | ||
| Taulukko rivi riviä | ||
| Taulukko solu | ||
| Usean rivin muotoinen elementti | ||
| Pöydän alatunnisteen rivit | ||
| Taulukon otsikkosolu | ||
| Taulukon otsikkorivit | ||
| Määrittää ajan | ||
| otsikko | ||
| Taulukko rivi | ||
|
| Järjestämättömät tai bulletoitavat luettelot | |
| Muuttuja tai käyttäjän määrittelemä teksti | ||
|
Videossa tai elokuvassa upotettu sivulle |
