May Pagkakaiba sa Pagitan ng Mga Dalawang Tuntunin
Ang disenyo ng web, tulad ng anumang industriya o propesyon, ay may sariling wika. Habang nagpapasok ka sa industriya at nagsimulang makipag-usap sa iyong mga kapantay, walang alinlangan ay tatakbo ka sa isang malabong mga tuntunin at pariralang bago sa iyo, ngunit ang daloy ng mga wika ng iyong kapwa mga propesyonal sa web. Dalawa sa mga terminong iyong maririnig ang HTML "tag" at "elemento".
Habang naririnig mo ang dalawang salitang ito na sinasalita, maaari mong mapagtanto na ang mga ito ay ginagamit na medyo kapalit. Dahil dito, isang tanong na maraming mga bagong propesyonal sa web kapag nagsimula silang magtrabaho sa HTML code ay "ano ang pagkakaiba sa pagitan ng HTML Tag at isang Elemento ng HTML?"
Habang ang dalawang terminong ito ay magkatulad sa kahulugan, ang mga ito ay hindi tunay na kasingkahulugan. Kaya ano ang pagkakatulad sa dalawang terminong ito? Ang maikling sagot ay ang parehong mga tag at elemento ay tumutukoy sa markup na ginamit upang isulat ang HTML. Halimbawa, maaari mong sabihin na ginagamit mo ang
na tag upang tukuyin ang isang talata o ang elemento upang lumikha ng mga link. Maraming mga tao ang gumagamit ng mga tuntunin ng tag at sangkap na magkakaiba, at ang anumang taga-disenyo o developer ng web na iyong sinasalita ay maunawaan kung ano ang iyong ibig sabihin, ngunit ang katotohanan ay mayroong isang bahagyang pagkakaiba sa pagitan ng dalawang termino.
Mga Tag ng HTML
Ang HTML ay isang markup na wika , na nangangahulugang ito ay nakasulat sa mga code na maaaring mabasa ng isang tao nang hindi na kailangang maipon ito muna. Sa ibang salita, ang teksto sa isang web page ay "minarkahan" gamit ang mga code na ito upang bigyan ang mga tagubilin sa web browser kung paano ipakita ang teksto. Ang mga markup na tag ay ang mga tag ng HTML mismo.
Kapag sumulat ka ng HTML, nagsusulat ka ng mga tag ng HTML. Ang lahat ng mga tag na HTML ay binubuo ng isang bilang ng mga partikular na bahagi, kabilang ang:
- Ang isang mas mababa kaysa sa pag-sign <
- Ang isang salita o character na tumutukoy kung aling tag ay nakasulat
- Anumang bilang ng mga opsyonal na mga katangian ng HTML sa anyo ng pares ng isang pangalan = "halaga"
- At sa wakas ay mas malaki kaysa sa pag-sign>
Halimbawa, narito ang ilang mga tag ng HTML:
-
-
Ang mga ito ay ang lahat ng tag na pagbubukas ng HTML, nang walang anumang mga opsyonal na katangian na idinagdag sa kanila. Ang mga tag ay kumakatawan sa:
-
- tumutukoy sa isang talata.
- - tumutukoy sa pahina bilang HTML
- - tumutukoy sa isang dibisyon.
Ang mga sumusunod ay mga tag ng HTML:
-
Kasama sa lahat ng mga halimbawang ito ang mga katangian na naidagdag sa mga tag ng taglay na HTML.
- Ang
- ay isang hindi nakaayos na listahan na kinabibilangan ng isang katangian ng ID
- Ang dibisyon ay may katangian ng klase
- Kabilang sa anchor, o link, elemento ang katangian ng "href"
- Ang imaheng tag na may katangian na "src"
Para sa mga anchor at mga tag ng imahe, ang mga katangian ay talagang hindi opsyonal, kinakailangan ang mga ito para sa mga tag na maipakita nang wasto. Kailangan mong sabihin sa link kung saan pupunta (kung ano ang ginagawa ng "href") at ang imahe kung ano ang ipapakita (na kung saan ay nagbibigay ang katangian ng "src").
Ano ang Mga Elemento ng HTML
Ayon sa W3C HTML specification, ang isang elemento ay ang pangunahing bloke ng gusali ng HTML at kadalasan ay binubuo ng dalawang mga tag : isang pambungad na tag at tag ng pagsasara. Sa ngayon kami ay tumingin lamang sa mga tag ng pagbubukas, na nagsisimula sa mga elemento. Upang tapusin ang sangkap na iyon, isulat mo ang mga katumbas na tag ng pagsasara.
Halimbawa, para sa elemento ng talata na isinulat mo ito:
Ito ay binubuo ng tag na pambungad na nakita namin ng ilang sandali ang nakalipas pati na rin ang tag ng pagsasara - . Ang pagsasara ng mga tag ay talagang paulit-ulit na pagbubukas ng tag, ngunit may isang "forward slash" idinagdag direkta pagkatapos ng "mas mababa kaysa sa simbolo".
Halos lahat ng mga elemento ng HTML ay may isang pambungad na tag at tag ng pagsasara. Ang mga tag ay nakapaligid sa teksto na ipapakita sa web page. Halimbawa, upang magsulat ng isang talata ng teksto, isulat mo ang teksto upang ipakita sa pahina at pagkatapos ay palibutan ito ng mga tag na ito:
Ito ay kung saan mo isulat ang teksto ng talata na nais mong ipinapakita sa webpage.
Ang ilang mga elemento ng HTML ay walang tag ng pagsasara. Ang mga ito ay tinatawag na "walang laman na elemento". Kung minsan, ang mga ito ay tinutukoy din bilang " singleton " o "walang bisa" na mga elemento. Ang mga walang laman na elemento ay madaling gamitin sapagkat kailangan mo lamang isama ang isang tag sa iyong web page at malalaman ng browser kung ano ang gagawin. Halimbawa, upang magdagdag ng isang line break sa iyong pahina ay gagamitin mo ang tag na b.
Ang isa pang karaniwang sangkap na kinabibilangan lamang ng isang tag na pambungad ay ang elemento ng "imahe". Halimbawa:
Nakita namin ang halimbawang ito nang mas maaga, ngunit walang pagsasara ng tag para sa sangkap ng imaheng ito. Palitan lamang ng browser ang code na ito gamit ang imahe na isinangguni sa attribute na "href". Sa kasong ito, magiging "logo.png".
Sa pangkalahatan, kapag sumangguni ako sa isang elemento ng HTML o tag, gagamitin ko ang terminong "elemento" upang ipahiwatig na tinutukoy ko ang lahat ng bahagi ng elemento (pareho ang pagbubukas at pagsasara ng mga tag). Ang paggamit ko ng "tag" ay talagang isang nagre-refer lamang sa isa o sa iba pa. Ito ang wastong paggamit ng dalawang terminong ito, at hinihikayat kitang gamitin ang mga ito nang maayos - ngunit alam lamang na kung makawala ka at magpalit ng mga ito nang kaunti, maunawaan mo pa rin ng iyong mga bagong kaunlaran sa web development!
Orihinal na artikulo ni Jennifer Krynin. Na-edit ni Jeremy Girard noong 7/21/17
-