HTML 5 on HTML: n uusi versio
HTML 5 lisää paljon uusia ominaisuuksia HTML-määritykseen. Ja mikä on vieläkin parempi, näillä uusilla ominaisuuksilla on jo rajoitettu selaintuki. Jos sinulla on ominaisuus, josta olet kiinnostunut, katso WHATWG Wiki -näytökset -sivulla tietoja selaimista, jotka tukevat eritelmän eri osia.
HTML 5 New Doctype ja Charset
Kiva asia HTML 5: ssä on kuinka helppoa on impelementti. Käytät HTML 5 -tyyppiä, joka on hyvin yksinkertainen ja virtaviivaistettu:
Kyllä, se on se. Vain kaksi sanaa "doctype" ja "html". Se voi olla tämä yksinkertainen, koska HTML 5 ei ole enää osa SGML: ää , vaan sen sijaan merkintäkieli yksinään.
HTML 5: n merkkijono on myös virtaviivaistettu. Se käyttää UTF-8: ta ja määrittää sen vain yhdellä metakoodilla:
HTML 5 Uusi rakenne
HTML 5 tunnustaa, että verkkosivuilla on rakenne, aivan kuten kirjoilla on rakenne tai muu XML-dokumentti . Yleisesti verkkosivuilla on navigointi, sisältö ja sivupalkin sisältö sekä otsikot, alatunnisteet ja muut ominaisuudet. Ja HTML 5 on luonut tunnisteet, jotka tukevat sivun kyseisiä osia.
- - määritellä sivuosat
- - määrittelee sivun otsikon
- - määrittää sivun alatunnisteen
- - määrittelee sivun navigoinnin
- - määrittää sivun artikkelin tai ensisijaisen sisällön
- - määrittää sivun sivupalkin ylimääräisen sisällön
- - määrittää kuvat, jotka merkitsevät artikkelia
HTML 5 uudet inline-elementit
Nämä inline-elementit määrittelevät joitain peruskäsitteitä ja pitävät niitä semanttisesti merkittyinä, lähinnä ajan suhteen:
- - merkitä sisältöä, joka on jollakin tavalla merkitty
- - ilmoittaa sisältöä, joka on aika tai päivämäärä
- - ilmoittaa sisällön, joka on murto-osa tunnetusta alueesta - kuten levyn käyttö
- - osoittamaan tehtävän edistyminen loppuunsaattamiseksi
HTML 5 uudet dynaamiset sivut tukevat
HTML 5 on kehitetty auttamaan Web-sovellusten kehittäjiä, joten on olemassa monia uusia ominaisuuksia, joiden avulla on helppo luoda dynaamisia HTML-sivuja:
- Kontekstivalikot - HTML 5 tukee kontekstiluokkien luomista ja käyttöä verkkosivujen ja sovellusten sisällä
- hrefä ei vaadita tunnisteen avulla - voit käyttää a-koodia komentosarjoilla ja verkkosovelluksissa ilman, että tarvitset paikkaan ankkurin lähettämistä
- async attribuutti - Tämä lisätään komentotunnisteeseen kertoaksesi selaimesta, että komentosarja ladataan asynkronisesti, jotta se ei hidasta latauksen ja näytön loppuosaa.
- - sisältää tietoja elementistä. Tämä olisi kuin työkaluvinkkejä muissa kuin verkkosovelluksissa.
- - luo taulukon, joka on rakennettu tietokannasta tai muusta dynaamisesta lähteestä
- - vanha tunniste tuodaan takaisin ja annetaan uusi elämä, jonka avulla voit luoda valikkojärjestelmän Web-sivuillesi
- - määritellään toiminnot, jotka pitäisi tapahtua, kun dynaaminen elementti on aktivoitu
HTML 5 uutta lomaketyyppiä
HTML 5 tukee kaikkia vakiomuotoisia tulotyyppejä, mutta se lisää vielä muutamaa:
- treffiaika
- datetime-local
- Treffi
- kuukausi
- viikko
- aika
- määrä
- alue
- sähköposti
- url
HTML 5 uutta elementtiä
HTML 5: ssa on muutamia jännittäviä uusia elementtejä:
- - elementti, joka antaa sinulle piirustustilan JavaScriptiä Web-sivuillasi. Sen avulla voit lisätä kuvia tai kaavioita työkaluvihjeisiin tai luoda vain dynaamisia kaavioita web-sivuillasi, jotka on rakennettu lentokoneella.
- - Lisää video Web-sivuihisi tällä yksinkertaisella tagilla.
- - Lisää ääntä Web-sivuihisi tällä yksinkertaisella tagilla.
HTML 5 poistaa joitain elementtejä
HTML 4: ssä on myös joitain elementtejä, joita HTML 5 ei enää tue. Useimmat ovat jo vanhentuneita, joten ei pitäisi olla yllättävää, mutta muutamat voivat olla vaikeita:
- akronyymi
- applet
- basefont
- iso
- keskusta
- dir
- kirjasinlaji
- kehys
- frameset
- isindex
- noframes
- NoScript
- s
- lakko
- tt
- U
Oletko valmis HTML 5: lle?
HTML 5 lisää paljon uusia ominaisuuksia Web-sivuille ja Web-suunnitteluun ja se on jännittävää, kun useampi selaimesi tukee sitä. Microsoft on ilmoittanut alkaneensa tukemaan ainakin osia HTML 5: stä IE: ssä 8. Jos haluat aloittaa aikaisemmin, Opera on saanut parhaan tuen, ja Safari on lähellä.