Ano ang Mga Bagong Tampok sa HTML 5?

Ang HTML 5 ay nagdaragdag ng maraming mga bagong tampok sa espesipikasyon ng HTML, at madali itong ipatupad. Ginagamit mo ang HTML 5 doctype, na simple at naka-streamline:

Oo, iyan. Dalawang salita lamang ang "doctype" at "html." Maaari itong maging simple na ito dahil ang HTML 5 ay hindi na bahagi ng SGML ngunit sa halip ay isang wika ng markup lahat sa sarili nitong.

Ang character na itinakda para sa HTML 5 ay naka-streamline rin. Gumagamit ito ng UTF-8, at itinatakda mo ito sa isang meta tag lamang:

HTML 5 Bagong Istraktura

Kinikilala ng HTML 5 na ang mga webpage ay may istraktura, tulad ng mga aklat at iba pang mga dokumento ng XML na may istraktura. Sa pangkalahatan, ang mga webpage ay may nabigasyon, nilalaman ng katawan, nilalaman ng sidebar, mga header, footer, at iba pang mga tampok. Ang HTML 5 ay may mga tag upang suportahan ang mga elemento ng pahina. Sila ay:

tumutukoy sa mga seksyon ng mga pahina.
tumutukoy sa header ng isang pahina.
tumutukoy sa footer ng isang pahina.
tumutukoy sa pag-navigate sa isang pahina.
tumutukoy sa artikulo o pangunahing nilalaman sa isang pahina.
tumutukoy sa dagdag na nilalaman tulad ng isang sidebar sa isang pahina.
tumutukoy sa mga larawan na nag-annotate ng isang artikulo.

HTML 5 Bagong Mga Elemento ng Inline

Ang mga bagong elemento ng inline ay tumutukoy sa ilang mga pangunahing konsepto at pinapanatili ang mga ito nang minamanang minarkahan:

nagpapahiwatig ng nilalaman na minarkahan sa ilang mga paraan.
ay nagpapahiwatig ng nilalaman na isang oras o petsa.
nagpapahiwatig ng nilalaman na isang bahagi ng isang kilalang hanay tulad ng paggamit ng disk.
ay nagpapahiwatig ng progreso ng isang gawain patungo sa pagkumpleto.

HTML 5 Suporta ng Mga Bagong Dynamic na Pahina

Ang HTML 5 ay binuo upang tulungan ang mga developer ng web application, kaya maraming mga bagong tampok na nagpapadali upang lumikha ng mga dynamic na HTML na pahina:

Context menu - Sinusuportahan ng HTML 5 ang paglikha at paggamit ng mga menu ng konteksto sa loob ng mga webpage at application.
href Hindi kinakailangan sa isang tag. Pinapayagan ka nitong gamitin ang isang tag na may mga script at sa mga web application nang hindi nangangailangan ng isang lugar upang ipadala ang anchor na iyon.
katangian ng async - Ito ay idinagdag sa tag ng script upang sabihin sa browser na ang script ay dapat na-load asynchronously upang hindi ito pabagalin ang load at display ng natitirang bahagi ng pahina.
- Nagbibigay ito ng mga detalye tungkol sa isang elemento. Ito ay magiging tulad ng mga tooltip sa mga di-web application.
Lumilikha ng isang talahanayan na binuo mula sa isang database o iba pang mga pinagmumulan ng pinagmulan.
ay isang lumang tag na dinala pabalik at binigyan ng bagong buhay na nagpapahintulot sa iyo na lumikha ng isang menu system sa iyong mga webpage.
tumutukoy sa mga pagkilos na dapat mangyari kapag ang isang dynamic na elemento ay naisaaktibo.

HTML 5 Mga Bagong Uri ng Form

Sinusuportahan ng HTML 5 ang lahat ng mga karaniwang uri ng input form, ngunit nagdadagdag ito ng ilan pang:

datetime
datetime-local
petsa
buwan
linggo
oras
numero
saklaw
email
url

HTML 5 Bagong Mga Sangkap

Mayroong ilang mga kapana-panabik na bagong elemento sa HTML 5:

- Ang elementong ito ay nagbibigay sa iyo ng puwang sa pagguhit sa JavaScript sa iyong mga webpage. Maaari itong magdagdag ng mga larawan o mga graph sa mga tooltip o lumikha ng mga dynamic na graph sa iyong mga webpage, na binuo sa mabilisang.
- Magdagdag ng video sa iyong mga webpage gamit ang simpleng tag na ito.
- Magdagdag ng tunog sa iyong mga webpage gamit ang simpleng tag na ito.