Habang sinisimulan mong tuklasin ang mundo ng disenyo ng web, walang alinlangang maipakilala sa maraming mga salita at mga parirala na bago sa iyo. Ang isa sa mga terminong malamang na maririnig mo ay "markup" o marahil "markup language". Paano naiiba ang "markup" kaysa sa "code" at bakit ang ilang mga propesyonal sa web ay mukhang gumamit ng mga salitang ito nang magkakaiba? Magsimula tayo sa pamamagitan ng pagtingin kung ano talaga ang isang "markup language".
Tingnan natin ang 3 Mga Markup ng Wika
Halos bawat acronym sa Web na may "ML" dito ay isang "markup language" (malaking sorpresa, iyan ang ibig sabihin ng "ML"). Ang mga markup language ay ang mga bloke ng gusali na ginagamit upang lumikha ng mga web page o lahat ng mga hugis at sukat.
Sa totoo lang, may maraming iba't ibang mga markup language sa mundo. Para sa disenyo at pag-unlad ng web, may tatlong partikular na mga markup language na malamang na tatakbo ka. Ang mga ito ay HTML, XML, at XHTML .
Ano ang Wika ng Markup?
Upang wastong tukuyin ang terminong ito - isang wika ng markup ay isang wika na nagsa-annotate ng teksto upang ang computer ay maaaring mamanipula ang tekstong iyon. Karamihan sa mga markup language ay nababasa ng tao dahil ang mga annotation ay nakasulat sa isang paraan upang makilala ang mga ito mula sa teksto mismo. Halimbawa, sa HTML, XML, at XHTML, ang markup na mga tag ay
Halimbawa:
Ito ay isang talata ng teksto na nakasulat sa HTML
p>
Ang halimbawang ito ay isang HTML na talata. Ito ay binubuo ng isang pambungad na tag (
), tag ng pagsasara ( p>), at ang aktwal na teksto na ipapakita sa screen (ito ang teksto na nakapaloob sa pagitan ng dalawang tag). Kasama sa tag ang isang "mas mababa kaysa sa" at "malaki kaysa" simbolo upang italaga ito bilang bahagi ng markup.
Kapag pinormat mo ang teksto upang maipakita sa isang computer o iba pang screen ng device , kailangan mong makilala sa pagitan ng teksto mismo at ng mga tagubilin para sa teksto. Ang "markup" ay ang mga tagubilin para sa pagpapakita o pag-print ng teksto.
Ang markup ay hindi kailangang maging mababasa sa computer. Ang mga anotasyon na ginawa sa pag-print o sa isang libro ay itinuturing na markup. Halimbawa, maraming mga mag-aaral sa paaralan ang magpapakita ng ilang mga parirala sa kanilang mga textbook. Ipinapahiwatig nito na ang naka-highlight na teksto ay mas mahalaga kaysa sa nakapaligid na teksto. Ang highlight na kulay ay itinuturing na markup.
Ang markup ay nagiging isang wika kapag ang mga tuntunin ay codified sa paligid kung paano sumulat at gamitin ang markup na iyon. Ang parehong mag-aaral ay maaaring magkaroon ng kanilang sariling "tala sa pagkuha ng markup language" kung isinagawa nila ang mga panuntunan tulad ng "purple highlighter para sa mga kahulugan, yellow highlighter para sa mga detalye ng pagsusulit, at mga tala ng lapis sa mga margin ay para sa mga karagdagang mapagkukunan."
Karamihan sa mga wika ng markup ay tinukoy ng isang awtoridad sa labas para magamit ng maraming iba't ibang tao. Ganito kung paano ang mga markup language para sa trabaho sa Web. Ang mga ito ay tinukoy ng W3C, o World Wide Web Consortium .
HTML-HyperText Markup Language
Ang HTML o HyperText Markup Language ay ang pangunahing wika ng Web at ang pinaka-karaniwan na gagawin mo bilang isang web designer / developer.
Sa katunayan, maaaring ito ang tanging wika ng markup na ginagamit mo sa iyong trabaho.
Ang lahat ng mga web page ay nakasulat sa isang lasa ng HTML. Tinutukoy ng HTML ang paraan na ipinapakita ang mga larawan , multimedia, at teksto sa mga web browser. Kasama sa wikang ito ang mga elemento upang ikonekta ang iyong mga dokumento (hypertext) at gawing interactive ang iyong mga dokumento sa web (tulad ng mga form). Maraming tao ang tinatawag na HTML "code ng website", ngunit sa katotohanan ito ay talagang isang wika lamang ng markup. Ang alinman sa termino ay mahigpit na mali at maririnig mo ang mga tao, kabilang ang mga propesyonal sa web, gumamit ng dalawang salitang ito nang magkakaiba.
Ang HTML ay isang tinukoy na standard markup language. Ito ay batay sa SGML (Standard Generalized Markup Language).
Ito ay isang wika na gumagamit ng mga tag upang tukuyin ang istraktura ng iyong teksto. Ang mga elemento at tag ay tinukoy ng
Habang ang HTML ay sa ngayon ang pinaka-popular na wika ng markup na ginagamit sa Web ngayon, hindi lamang ito ang pagpipilian para sa web development. Bilang HTML ay binuo, ito ay nakakuha ng mas at mas kumplikado at ang estilo at nilalaman tag na pinagsama sa isang wika. Sa kalaunan, nagpasya ang W3C na may pangangailangan para sa isang paghihiwalay sa pagitan ng estilo ng isang web page at ng nilalaman. Ang isang tag na tumutukoy sa nilalaman na nag-iisa ay mananatili sa HTML habang ang mga tag na tumutukoy sa estilo ay hindi na ginagamit sa pabor ng CSS (Cascading Style Sheets).
Ang pinakabagong bilang na bersyon ng HTML ay HTML5. Ang bersyon na ito ay nagdagdag ng higit pang mga tampok sa HTML at inalis ang ilan sa mga mahigpit na ipinataw ng XHTML (higit pa sa wikang iyon nang ilang sandali).
Ang paraan na ang HTML ay inilabas ay binago na may pagtaas ng HTML5. Ngayon, ang mga bagong tampok at mga pagbabago ay idinagdag nang hindi nangangailangan na maging isang bagong, numeradong bersyon na inilabas. Ang pinakabagong bersyon ng wika ay tinutukoy lamang bilang "HTML."
XML-eXtensible Markup Language
Ang eXtensible Markup Language ay ang wika na isa pang bersyon ng HTML ay batay sa. Tulad ng HTML, batay din ang XML ng SGML. Ito ay mas mahigpit kaysa sa SGML at mas mahigpit kaysa sa simpleng HTML. Nagbibigay ang XML ng posibilidad na lumikha ng iba't ibang wika.
Ang XML ay isang wika para sa pagsusulat ng mga wika ng markup. Halimbawa, kung nagtatrabaho ka sa talaangkanan, maaari kang lumikha ng mga tag gamit ang XML upang tukuyin ang ama, ina, anak na babae, at anak sa iyong XML tulad nito:
Mayroon ding ilang mga pamantayang wika na nilikha na may XML: MathML para sa pagtukoy sa matematika, SMIL para sa pagtatrabaho sa multimedia, XHTML, at marami pang iba.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 ay HTML 4.0 na muling tinukoy upang matugunan ang pamantayan ng XML . Ang XHTML ay pinalitan sa modernong disenyo ng web gamit ang HTML5 at ang mga pagbabago na nanggaling. Ikaw ay malamang na hindi makahanap ng anumang mas bagong mga site gamit ang XHTML, ngunit kung ikaw ay nagtatrabaho sa isang mas lumang site, maaari mo pa ring makatagpo ng XHTML out doon sa ligaw.
Walang maraming malaking pagkakaiba sa pagitan ng HTML at XHTML , ngunit narito ang iyong mapapansin:
- XHTML ay nakasulat sa mas mababang kaso. Habang ang mga HTML tag ay maaaring nakasulat sa kaso ng UPPER, kaso MiXeD, o mas mababang kaso, upang maging tama, ang XHTML tag ay dapat na lahat ng mas mababang kaso. (Tandaan - maraming mga propesyonal sa web ang sumulat ng HTML sa lahat ng lowercase, kahit na hindi ito kinakailangan sa teknikal).
- Ang lahat ng mga elemento ng XHTML ay dapat magkaroon ng end tag. Ang mga elemento na may isang tag lamang, tulad ng at kailangan ng pagsasara ng slash (/) sa dulo ng tag:
/ >
/ > - Ang lahat ng mga katangian ay dapat na naka-quote sa XHTML. Ang ilang mga tao alisin ang mga quote sa paligid ng mga katangian upang i-save ang puwang, ngunit ang mga ito ay kinakailangan para sa tamang XHTML.
- Kinakailangan ng XHTML na tama ang mga tag na nested. Kung magbubukas ka ng naka-bold () elemento at pagkatapos ay isang italics () elemento, dapat mong isara ang elementong italics ( i>) bago mo isara ang naka-bold ( b>). (Tandaan na ang parehong mga elemento na ito ay hindi na ginagamit dahil ang mga ito ay mga visual na elemento. Ang HTML ngayon ay gumagamit ng at kapalit ng dalawang ito)
- Ang mga Katangian ng HTML ay dapat may pangalan at halaga. Ang mga attribute na may stand-alone na HTML ay dapat na ideklara na may mga halaga din, halimbawa, ang HR na katangian ay nakasulat na noshade = "noshade".
Orihinal na artikulo ni Jennifer Krynin. Ini-edit ni Jeremy Girard noong 7/5/17.