Mitä uusia ominaisuuksia HTML 5: ssä on?

HTML 5 lisää paljon uusia ominaisuuksia HTML-määrittelyyn, ja se on helppo toteuttaa. Käytät HTML 5 -tyyppiä, joka on 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äärität sen vain yhdellä metakoodilla:

HTML 5 Uusi rakenne

HTML 5 tunnistaa, että verkkosivuilla on rakenne, samoin kuin kirjat ja muut XML-dokumentit ovat rakenteeltaan. Yleensä verkkosivuilla on navigointi, sisältö, sivupalkin sisältö, otsikot, alatunnisteet ja muut ominaisuudet. HTML 5: ssä on tageja, jotka tukevat sivun elementtejä. He ovat:

määrittää sivuosat.
määrittää sivun otsikon.
määrittää sivun alatunnisteen.
määrittelee sivun navigoinnin.
määrittää sivun artikkelin tai ensisijaisen sisällön.
määrittää ylimääräisen sisällön, kuten sivupalkin sivun.
määrittää kuvat, jotka merkitsevät artikkelia.

HTML 5 uudet inline-elementit

Uudet elementit määrittävät joitain peruskäsitteitä ja pitävät niitä semanttisesti merkittyinä:

tarkoittaa sisältöä, joka on jollakin tavalla merkitty.
tarkoittaa sisältöä, joka on aika tai päivämäärä.
tarkoittaa sisältöä, joka on murto-osa tunnetusta alueesta, kuten levyn käytöstä.
osoittaa tehtävän etenemistä loppuun saakka.

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 tarvitse merkinnöissä. Tämän avulla voit käyttää tagia komentosarjoilla ja verkkosovelluksissa ilman, että tarvitset paikkaan ankkurin lähettämistä varten.
async attribuutti - Tämä lisätään script-tunnisteeseen kertoaksesi selaimelle, että komentosarja ladataan asynkronisesti, jotta se ei hidasta latauksen ja näytön loppuosaa.
- Tämä sisältää tietoja elementistä. Tämä olisi kuin työkaluvinkkejä ei-web-sovelluksissa.
luo taulukon, joka on rakennettu tietokannasta tai muusta dynaamisesta lähteestä.
on vanha tagi, joka on tuotu takaisin ja antaa uuden elämän, jolloin voit luoda valikkojärjestelmän verkkosivuillesi.
määrittää 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ä:

- Tämä elementti antaa JavaScript-sivustosi vetotilan verkkosivuillesi. Se voi lisätä kuvia tai kaavioita työkaluville tai luoda dynaamisia kaavioita web-sivuillesi, jotka on rakennettu lennolle.
- Lisää video verkkosivuihisi tällä yksinkertaisella tagilla.
- Lisää ääni verkkosivuihisi tällä yksinkertaisella tagilla.