DIV and SPAN

Anonim

at ang mga tag na HTML na tumutukoy sa mga elemento sa HTML code.

HTML (Hypertext Markup Language) ay nakabalangkas na code na ginamit upang bumuo at ipakita ang mga web page na binibisita namin sa online, araw-araw, sa anumang device.

Ang iba pang mga teknolohiya at mga wika ng programming ay maaaring isinama sa HTML upang magbigay ng mga dynamic at advanced na mga tampok sa isang website.

Pag-unawa sa HTML

Hyper Text Markup Language (HTML) ay isang malawakang ginagamit na markup na wika at tumutukoy sa istraktura at code sa 'likod' ng isang web page, na ipinapakita sa isang web browser.

Ang HTML ay isang tekstong file na gumagamit ng tukoy na code (syntax) upang tukuyin ang estilo, nilalaman, layout, at format ng isang pahina. Ang Markup Ang kataga ay nagpapahiwatig na ang teksto / code ay inihanda para sa pagproseso at pagtatanghal i.e. sa isang web page, sa isang web browser.

Ang World Wide Web Consortium (W3C) [i] kinikilala ang HTML bilang isang pormal na markup language sa pag-unlad ng web page, at samakatuwid, ang HTML ay sinusuportahan ng karamihan sa mga browser. Kaya, ang mga web page ay maaaring binuo sa isang kilalang wika, madaling maipaliwanag sa pamamagitan ng iba't ibang mga browser upang maibigay ang pahina ayon sa nilalayon ng taga-disenyo.

Ang kasalukuyang bersyon na ginagamit pa rin ay HTML4, ngunit dahan-dahan ito ay na-phased out habang ang HTML5 ay nakakakuha ng higit pang suporta at pag-aampon para sa mga dynamic at tumutugon na mga web page.

Ang pagiging responsable ay nagiging isang pangunahing bahagi sa pag-unlad ng web upang makapagbigay ng mas madali, mas dynamic na karanasan ng gumagamit, na dapat matanggap sa maraming mga aparato tulad ng mga smartphone, tablet, at mga laptop.

Cascading Style Sheets (CSS) ay nagiging isang mahalagang bahagi sa pagbuo ng mga dynamic, at tumutugon na mga pahina. Ito ay isang hiwalay na katangian ng pagtukoy ng file para sa bawat elemento tulad ng font, kulay, pagkakahanay - kaya ang developer ay hindi nagpapahiwatig ng estilo ng elemento tuwing ginagamit ito sa HTML code.

Pangunahing Istraktura ng HTML

Upang masulit ang anumang wika sa pag-unlad, ang pagsunod sa karaniwang istraktura ng file at isinasaalang-alang ang pinakamahusay na paggamit ng syntax ay susi sa paghahatid ng matatag, mapanghamon, at nakakaakit na nilalaman sa web.

Ang isang pahina ng HTML ay may istraktura na tinukoy ng mga elemento (tinutukoy din bilang mga tag). Kapag sumulat ng HTML code, ang mga elementong ito ay ipinapakita sa mga pares - ibig sabihin nito, ang bawat tag ay nangangailangan ng isang pambungad at pagsasara. Isang panimula at isang dulo.

Ang isang elemento ay binuksan gamit ang syntax: at sarado na . Ang / Ang slant line ay nagpapahiwatig ng pagtatapos ng kahulugan ng elementong iyon.

Ang mga katangiang elemento at nilalaman ay tinukoy sa pagitan ng dalawang puntong ito.

Ang pinakamaliit na elemento kinakailangan para sa isang HTML file ay ang kahulugan, , (HTML4 lamang), at mga tag.

  • Definition ng DOCTYPE

Ang Ang Kahulugan (DTD) ay dapat munang ipahayag bilang unang tag sa isang file na HTML, kaya kapag na-proseso ang pahina, alam ng web browser kung anong uri ng file ito, at maaaring kaya tama na bigyang-kahulugan at ipakita ang pahina.

Sa HTML4, may mga pagkakaiba-iba ng DTD (depende sa mga katangian ng pahina at mga elemento) ngunit ang mas karaniwang mga pahayag ay isasama bilang:

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

o

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/strict.dtd”>

Ang DTD sa HTML5 ay mas simple:

DOCTYPE HTML>

· HTML, HEAD, at BODY

  • Ang Ang tag ay nagpapahiwatig na ito ay isang HTML file at ito ang ugat ng elemento ng HTML na naglalaman ng lahat ng iba pang kasunod na mga sangkap na tinukoy sa loob nito; at kabilang ang isang katangian ng wika ay inirerekomenda bilang pinakamahusay na kasanayan; Halimbawa:

DOCTYPE html>

  • Ang ay kinakailangan sa HTML4, ngunit hindi sapilitan sa HTML5. Ito ay isang elemento na naglalaman ng iba pang mga elemento na may kaugnayan sa bahagi ng dokumentong ito, tulad ng pamagat, mga sanggunian ng mga script, pagtukoy ng mga estilo at metadata. Ang saradong tag ay dapat gamitin bago tukuyin ang
  • Ang Ang elemento ay nagtataglay ng pangunahing nilalaman para sa pahina, kabilang ang mga talahanayan, mga imaheng teksto, mga listahan atbp. Pagkatapos ng nakasara ang tag, ang
maaari nang magtapos ang elemento. Gamit ang bagong HTML5
Ang elemento ay opsyonal para sa pahina o sa ibang bahagi ng nilalaman.

Mga Elemento ng HTML

Ang HTML5 ay gumawa ng mga bagong elemento para sa kadalian ng pag-unlad at disenyo, at inalis din nito ang mga elemento na ginamit sa HTML4. Ang listahan ng mga pagkakaiba sa pagitan ng HTML4 at HTML5 ay na-publish ng World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Kasama ang mga pagpapahusay, at mga bagong elemento, kasama ang pag-unlad ng CSS, maaaring gamitin ang ilang mga elemento sa iba't ibang, mas mahusay na paraan kaysa bago, at ang mga web page ay nagiging mas mabilis, mas maraming tampok na mayaman at magagandang upang tumingin! Ang CSS, na ginagamit sa HTML5 ay maaaring palitan ang ilang mga sangkap na labis na ginagamit, tulad ng

.

Ang

Ang tag ay popular kapag ibinukod ang nilalaman sa isang pahina. Kapag nililikha ang sangkap na ito, awtomatiko itong pumasok ng pahinga

upang panatilihing magkasama ang teksto o nilalaman, sa halip na mag-text sa buong pahina.

Sa pag-access sa website at pag-optimize ng search engine, ang mga diskarte ay nagiging isang agham at inirerekomenda ng WC3 na huwag palaging bumalik sa paggamit

sa HTML5.

Bilang isang halimbawa para sa isang maayos na nakabalangkas, ngunit simpleng format ng blog, isaalang-alang ang mga bagong elemento ng HTML5 na may CSS sa halip na gamitin ang

elemento; gamitin ang elemento para sa pangunahing nilalaman, ang
elemento upang i-highlight o paghiwalayin ang anumang nilalaman sa pahina, header, o footer (kahit saan!) at ang