2.1 Panimula sa mga tag
HTML-documentsAng markup ay batay sa mga tag . Ano ang isang tag ?
Naimbento ang mga tag noong dekada 70 upang maidagdag ng mga tao ang impormasyon ng serbisyo sa mga dokumento para sa mga programang nagpoproseso ng mga dokumentong ito.
Tag- ito ay isang susi (functional) na salita, kadalasan sa Ingles, na naka-frame sa mga anggulong bracket (parami nang parami ang mga character) upang hindi malito ng mga programa ang mga tag at ordinaryong salita sa Ingles.
Ang tag ay maaari ding maglaman ng iba't ibang impormasyon ng serbisyo na maaaring maging kapaki-pakinabang sa program na nagpoproseso ng dokumento.
Halimbawa ng text na may tag:
<a href="http://codegym.cc/about">
Link to something interesting
</a>Sa halimbawang ito, nakikita namin ang text, ang "a" na tag, pati na rin ang impormasyon ng serbisyo - ang mga katangian ng tag. Sa ibaba ay malalaman mo ang higit pa tungkol sa kanila.
2.2 Mga uri ng mga tag: pagbubukas, pagsasara, walang laman na tag
Ang mga tag ay may iba't ibang uri. Una, sila ay single at double. Ang pinakakaraniwan ay mga nakapares na tag . At gaya ng nahulaan mo na, palagi silang magkakapares. Tinatawag din silang pagbubukas at pagsasara.
Ang pambungad na tag ay isang keyword lamang sa mga tatsulok na bracket. Halimbawa:
<h1>Ang pansarang tag ay katulad ng pambungad na tag, ngunit ang keyword ay pinangungunahan ng isang slash. Halimbawa:
</h1>Ang pambungad na tag ay maaaring maglaman ng impormasyon ng serbisyo - mga katangian, ang pagsasara - hindi . Ang panimulang tag ay palaging ang una sa isang pares. HINDI mauuna ang closing tag sa text, at pagkatapos ay ang opening tag. HTML-documentHindi ito magiging wasto.
Ang mga solong tag ay walang pansarang tag. Ang listahan ng mga naturang tag ay tinukoy ng HTML-standard. Mga halimbawa ng naturang mga tag:
<br>- linya break;<img>- larawan.
Sa pamamagitan ng paraan, ang isang ipinares na tag, kung wala itong impormasyon sa loob, ay maaaring isulat sa isang pinaikling anyo . Halimbawa:
<h1/>Ito ay hindi isang tag, ngunit isang walang laman na pares na tag. Ito ay tulad ng parehong sarado at bukas na mga tag sa parehong oras. Naiiba ito sa closed tag dahil ang slash ay nasa dulo (bago ang pangalawang triangular bracket).
2.3 Tag tree
At higit pang mahalagang impormasyon tungkol sa mga nakapares na tag. Maaaring marami sa kanila sa isang dokumento at maaari silang ma-nest. Ano ang ibig sabihin nito? Nangangahulugan ito na ang anumang teksto sa loob HTML-documentay maaaring i-frame (balutin) ng mga tag, kahit na naglalaman ito ng iba pang mga tag. Halimbawa:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>Sa halos pagsasalita, ang isang pagkakasunud-sunod ng mga tag ay maaaring mangyari sa html na teksto:
<h1> <h2> </h2> </h1>Ngunit hindi ito maaaring:
<h1> <h2> </h1> </h2>Kung ang panimulang tag <h2>ay nasa loob ng isang <h1>-tag na pares, ang katugmang tag na pangwakas </h2>ay dapat ding nasa loob ng isang <h1>-tag na pares.
Kaya, ang lahat ng mga tag ng dokumento ay bumubuo ng isang uri ng tag tree . Una ay ang pinakamataas na antas na tag na bumabalot sa buong dokumento, karaniwang tinatawag na <html>, mayroon itong mga pares ng child tag, mayroon silang sarili, at iba pa.
Sa totoo lang, ang program na nagpoproseso ng isang dokumento na may mga tag ay eksaktong nakikita ito - bilang isang tag tree na may ilang teksto sa loob.
2.4 Mga Katangian
Ang impormasyon tungkol sa mga tag ay hindi magiging kumpleto kung hindi namin pinag-uusapan ang tungkol sa mga katangian. Ang mga solong tag at panimulang tag ng mga nakapares na tag ay maaaring magkaroon ng . Ang mga katangiang ito ay naglalaman ng kapaki-pakinabang na impormasyon tungkol sa nilalaman ng tag.
Ang isang tag ay maaaring maglaman ng ilang mga katangian, at mayroon silang sumusunod na pangkalahatang anyo:
<tag name1="value1" name2="value2">Ang bawat katangian ay tinukoy bilang isang pares ng Nameat meaning. Maaaring mayroong anumang bilang ng mga katangian.
«<»Ngunit ang isang nakaranasang programmer ay agad na magtatanong: ano ang gagawin kung kailangan mong gumamit ng teksto na naglalaman ng mga character o «>»quote bilang isang halaga ng katangian ?
| Simbolong pangalan | Simbolo | HTML entry |
|---|---|---|
| dobleng panipi | " | " |
| Ampersand | at | at |
| Mas mababa sa simbolo | < | < |
| Higit pang simbolo | > | > |
| Space | ||
| nag-iisang quote | ' | ' |