Lakip ang daan nga mga elemento sa HTML ug kadtong bag-o sa HTML5
Samtang ang pag-uswag niini nagsugod sa daghang mga katuigan, ang HTML5 unang nagsugod sa paggamit sa mga web designers / developers sa tuig 2010. Sa gawas sa ganghaan, ang pinulongan gibati nga pamilyar sa daghang mga propesyonal sa web tungod kay sa pagsulay sa pag-reinvent sa tanan gikan sa scratch, HTML5 natukod sa kaniadto. Bisan kinsa nga nahibal-an sa HTML 4.01 daling nakit-an nga ang usa ka gamay nga bersyon mahimo nga makita karon sa HTML5.
Samtang ang HTML5 naglakip sa daghang mga elemento nga naglibot sa HTML sa awhile, kini usab nagpaila sa pipila ka mga elemento nga bag-o sa HTML5. Alang sa kadaghanan niining mga bag-ong elemento, gigamit ang usa ka pamaagi nga gitawag nga "paving the cowpath". Kini usa ka termino nga sagad gigamit sa IT nga nagpasabot sa pagtan-aw kung unsa ang gibuhat sa mga tawo ug gibuhat kana. Sa kaso sa mga tigdesinyo sa web, kini nagpasabot sa pagtan-aw kung giunsa na nila ang pagtukod sa mga panid ug aron ibase ang mga desisyon sa mga bag-ong elemento sa mga kalihokan. Pananglitan, daghang mga propesyonal sa web ang magtukod sa mga website nga adunay mga dibisyon nga naggamit sa ID o Class nga mga hiyas sa "header", "nav", ug "footer." Tungod niini, gipaila kini sa HTML5 isip mga bag-ong mga elemento, nga nagtugot sa mga propesyonal sa web nga makadugang sa kahulogan sa ilang mga dokumento pinaagi sa paggamit sa dedikadong mga elemento sa seksyon kaysa mga pagbahin lamang. Kining kombinasyon sa pamilyar ug usa ka pamaagi nga giila nga kasamtangan nga mga gimbuhaton nakatabang sa HTML5 nga dali nga madawat sa industriya sa pagdisenyo sa web.
Ang HTML5 Doctype
Una, aron magamit ang bisan unsang bag-o nga mga elemento sa HTML5, ang imong dokumento kinahanglan nga maglakip sa HTML5 doctype nga mao ang:
Mahimong imong mamatikdan nga kini nga doktip nga dili espesipikong naghisgot sa "HTML5", apan hinoon nag-ingon lamang ang bersyon nga "html". Kini tungod kay kini nga doctype mao ang gituyo nga gigamit sa pagpadayon sa tanan nga mga pag-usab sa pinulongan.
Sa pagkatinuod, ang HTML5 mao unta ang katapusang gi-numero nga bersyon sa pinulongan, uban ang bag-ong mga pagbag-o nga idugang sa makanunayon nga basehan sa umaabot. Sa pagkatinuod, ang pipila sa mga elemento sa lista sa ubos gidugang sa pinulongan nga maayo human sa una nga pagduso sa 2010!
Ang mga Tag HTML5
Tag | Pagpatin-aw |
---|---|
Angkla o sumpay | |
abbr> | Pagdugang |
address> | Address o mga awtor sa dokumento |
Mapa sa hulagway sa kliyente | |
| Artikulo |
Tangential content | |
Pag-stream sa audio | |
b> | Bold |
| Base URI nga mga dalan alang sa mga elemento sa dokumento |
bdo> | Bi-directional algorithm |
blockquote> | Taas nga kinutlo |
body> | Lawas sa panid |
| Paglapas sa linya |
HTML nga porma nga butang | |
Canvas alang sa dinamikong mga hulagway | |
Comment | |
| Talaan sa talaan |
cite> | Citation |
code> | Paghisgot sa kodigo |
| Kolum nga kolum |
| Paggrupo sa kolum sa kolum |
| Pagdumala o paglihok sa panid |
Dokumento nga kahulugan sa klase | |
| Data grid |
Predefined options alang sa ubang mga kontrol | |
| Kahulugan sa paglarawan sa paghulagway o gitas-on sa pakigpulong |
| Giputol nga teksto |
| Dugang nga on-demand nga impormasyon |
dfn> | Kahubitan |
Pag-istoryahanay | |
div> | Lohikal nga dibisyon |
| Listahan sa mga detalye |
| Kahulugan sa lista nga term o dialogue speaker |
em> | Gipasiugda |
Naka-embed nga elemento alang sa mga plug-in | |
Mga porma sa pagkontrol sa grupo | |
| Ang kapsyon nga gigamit alang sa usa ka elemento |
Figure nga adunay opsyonal nga caption | |
Footer sa panid | |
Porma | |
h1> | Unang lebel nga ulohan |
h2> | Ikaduhang lebel sa ulohan |
h3> | Ikatulo nga lebel sa ulohan |
h4> | Ikaupat nga lebel sa ulohan |
h5> | Ikalima nga lebel sa lebel |
h6> | Sixth level headline |
| Pangulo sa dokumento |
| Pangulo sa usa ka panid |
hgroup> | Pangulo nga grupo |
| Horizontal rule |
html> | Gamot nga elemento sa usa ka Web page |
i> | Italics text style |
Inline frame | |
Image | |
Input elemento nga elemento | |
Porma sa butang nga elemento | |
Pagpili sa elemento sa checkbox | |
Ang kolor nga input | |
Input sa petsa | |
Tibuok kalibutan nga petsa ug oras nga pag-input | |
Lokal nga petsa ug oras nga input | |
Input sa address sa email | |
Pag-upload og elemento sa elemento | |
Natago nga elemento sa nataran | |
Porma sa dagway sa elemento | |
Pagsulay sa tuig ug bulan | |
Numero nga input | |
Porma sa porma sa password | |
Ang elemento sa button nga radio | |
Imprecise number input | |
I-reset ang elemento sa porma sa button | |
Pagpangita nga natad | |
Isumiter ang butang nga elemento | |
Input sa numero sa telepono | |
Text field nga porma elemento | |
Pag-input sa oras | |
Input sa URL | |
Pagsulay sa tuig ug semana | |
ins> | Gisulod nga teksto |
kbd> | Ang teksto nga isulod sa user |
| Paghimo og luwas nga mga yawe sa pagdumala sa sertipiko |
Paghimo og label | |
I-type ang caption sa field | |
| Ilista ang butang |
Pag-link sa mga dokumento nga may kalabutan | |
| Main nga lugar sa sulod sa usa ka panid |
| Mapa sa hulagway sa kliyente |
mark> | Giparking o gipasiugda ang teksto |
Listahan sa mga sugo | |
Meta impormasyon mahitungod sa dokumento | |
| Scalar gauge |
Ibutang ang usa ka dapit nga adunay mga link sa pag-navigate | |
Kontento kon wala ang mga script | |
Non-standard object | |
| Gisugo o gi-lista nga lista |
Grupo sa mga kapilian sa usa ka pinili nga lista | |
Pagpili sa pinili nga lista | |
Resulta sa pagkalkulo sa usa ka porma | |
p> | Parapo |
Parameter sa usa ka object element | |
pre> | Nauna nang gisulat nga teksto |
| Timailhan sa pag-uswag |
q> | Mubo nga inline nga kutlo |
Ruby parenthesis | |
Ruby nga teksto | |
ruby> | Ruby anotasyon |
| Strikeout text |
samp> | Sample nga output |