Ano ang Isang HTML Tag Kumpara sa isang Elemento ng HTML?

Ang disenyo ng web, tulad ng anumang industriya o propesyon, ay may sariling wika. Habang pumasok ka sa industriya at nagsimulang makipag-usap sa iyong mga kapantay, walang alinlangang ikaw ay tumakbo sa isang malabong mga tuntunin at mga parirala na bago sa iyo, ngunit na dumadaloy ang mga wika ng iyong kapwa mga propesyonal sa web. Dalawa sa mga term na 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 isang HTML na 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

tag upang tukuyin ang isang talata o 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 isang
name = "value" pares
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
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, isang elemento ay ang pangunahing bloke ng gusali ng HTML at karaniwang binubuo ng dalawang 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 sandali ang nakalipas at pati na rin ang tag ng pagsasara -

. Ang pagsasara ng mga tag ay talagang lamang ang pambungad na tag na paulit-ulit, ngunit may isang "forward slash" idinagdag direkta pagkatapos ng "mas mababa 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 gusto 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 linya ng break sa iyong pahina ay gagamitin mo ang
tag.

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 kami sa isang elemento ng HTML o tag, gagamitin namin ang terminong "elemento" upang ipahiwatig na tinutukoy namin ang lahat ng bahagi ng elemento (pareho ang pagbubukas at pagsasara ng mga tag). Ginagamit lamang namin ang "tag" kapag tumutukoy lamang sa isa o sa iba pa. Ito ang wastong paggamit ng dalawang terminong ito, at hinihikayat ka naming gamitin ang mga ito ng maayos-ngunit alam mo lamang na kung makawala ka at makapagpalitaw ng mga ito nang kaunti, maunawaan mo pa rin ng iyong mga bagong pag-unlad ng mga kapareha sa web!