Ang Internet, Web Design
I-block ang layout ng mga div tag HTML
May ilang sampung taon na ang nakakaraan sa runet na kadalasang ginagamit ang tinatawag na layout ng talahanayan. Dahil sa ang katunayan na ang mga pamantayan ng ilang mga browser ay malaki ang pagkakaiba sa bawat isa, kinakailangan upang maghanap ng isang solusyon na papayagan nang tama ang pagpapakita ng dokumentong Internet sa lahat ng mga application. Ngunit ang oras ay lumipas, ang mga pamantayan ay umunlad, at ang isang matibay at hindi maayos na tabular ay pinalitan ng isang mahusay na nababagay at tumutugon na layout ng bloke. Sa harapan ng teknolohiyang ito, ang prinsipyo ng paggamit ng mga elemento ng
Ang pangyayari
Ang pagkagumon ng mga web page at ang pagpapaunlad ng teknolohiya ng computer ay humantong sa ang katunayan na ang web document ay nahahati sa dalawang bahagi - isang balangkas (HTML-code) at disenyo (style sheets). Dahil dito, nakamit namin ang isang hindi pa nagagawang pag-unlad ng web, ang mga resulta na maaari naming makita ngayon sa karamihan sa mga modernong site. Bilang karagdagan sa pagpapabuti ng proseso ng pag-unlad, ang
Mga pamantayan at pagpapatunay
Ang
Ang mga tag
Upang lumikha ng isang wastong dokumento, dapat mong gamitin ang sumusunod na istraktura ng tag na
Paggamit ng mga klase at mga tagapagpakilala
Ang
Naturally, ang bloke ng istraktura ng dokumento ay hindi nagpapahiwatig ng paggamit ng isa lamang na tag na
Ang tag. Mga katangian ng HTML
Tulad ng nabanggit sa itaas, ang tag na ito ay hindi nagbabago sa disenyo ng fragment ng pahina, ngunit ginagamit upang lumikha ng isang semantiko na istraktura na may kasunod na disenyo sa pamamagitan ng mga style sheet. Ang paggamit ng tag ng pagsasara para sa sangkap na ito ay ipinag-uutos.
Sa kabila ng katotohanan na maraming mga makabagong browser ang makikilala ang error na ito, sa ilang mga kaso, ang isang hindi nakapitong tag ay maaaring maging sanhi ng istraktura ng dokumento na mahulog at hindi maipakita nang wasto.
Dahil ang elementong ito ay bloke, ang nilalaman na nilalaman nito ay magsisimula sa isang bagong linya. Upang baguhin ang pag-uugali na ito, dapat mong baguhin ang mga setting ng display ng bloke sa display property. Bilang karagdagan sa pagpapangkat ng mga nested elemento, ang tag na
ay nagpapahintulot sa iyo na i-format ang lokasyon ng nilalaman sa loob nito. Upang gawin ito, gagamitin mo ang katangian ng pag-align, na nagbibigay-daan sa iyo upang ilagay ang teksto o larawan sa kaliwa, kanan, o sentro ng elemento ng magulang.
Mga bloke sa pagpapalagay
Ang paggamit ng katangian ng posisyon ay nagpapahintulot sa iyo na baguhin ang paraan ng pagpoposisyon ng napiling elemento. Kaya, may tatlong uri ng pagpoposisyon:
- Ang Static (static) ay ginagamit bilang default. Sa kasong ito, ang sangkap ay nakaposisyon ayon sa posisyon sa HTML code.
- Kamag-anak. Sa kasong ito, ang lokasyon ng bagay ay kinakalkula sa parehong paraan tulad ng sa kaso ng static na pagpoposisyon, ngunit ang property na ito ay nagpapahintulot sa iyo na baguhin ang posisyon para sa mga bata.
- Ganap (absolute). Ang posisyon nito ay kinakalkula na may kaugnayan sa elemento na may kamag-anak na pagpoposisyon.
Iba pang mga katangian
Ang mga top at left attribute ay ginagamit upang baguhin ang posisyon na may kaugnayan sa puntong pinagmulan. Ang mga halaga ay maaaring maging positibo o negatibo. Ang lapad at taas ng elementong bloke ay tinukoy ng mga katangian ng lapad at taas, ayon sa pagkakabanggit. Kung hindi sila tinukoy sa mga style sheets, hahalalin ng bloke ang buong lapad ng elemento ng magulang. Kung ang bloke ng nilalaman ay hindi magkasya sa lahat ng lapad ng "magulang", pagkatapos ay ang pag-uugali ng elemento ay natutukoy ng overflow na katangian.
Inaasahan namin na ang artikulong ito ay nakatulong upang maunawaan ang tanong kung ano ang
sa HTML.
Tulad ng nabanggit sa itaas, ang tag na ito ay hindi nagbabago sa disenyo ng fragment ng pahina, ngunit ginagamit upang lumikha ng isang semantiko na istraktura na may kasunod na disenyo sa pamamagitan ng mga style sheet. Ang paggamit ng tag ng pagsasara para sa sangkap na ito ay ipinag-uutos.
Sa kabila ng katotohanan na maraming mga makabagong browser ang makikilala ang error na ito, sa ilang mga kaso, ang isang hindi nakapitong tag ay maaaring maging sanhi ng istraktura ng dokumento na mahulog at hindi maipakita nang wasto.
Dahil ang elementong ito ay bloke, ang nilalaman na nilalaman nito ay magsisimula sa isang bagong linya. Upang baguhin ang pag-uugali na ito, dapat mong baguhin ang mga setting ng display ng bloke sa display property. Bilang karagdagan sa pagpapangkat ng mga nested elemento, ang tag na
Mga bloke sa pagpapalagay
Ang paggamit ng katangian ng posisyon ay nagpapahintulot sa iyo na baguhin ang paraan ng pagpoposisyon ng napiling elemento. Kaya, may tatlong uri ng pagpoposisyon:
- Ang Static (static) ay ginagamit bilang default. Sa kasong ito, ang sangkap ay nakaposisyon ayon sa posisyon sa HTML code.
- Kamag-anak. Sa kasong ito, ang lokasyon ng bagay ay kinakalkula sa parehong paraan tulad ng sa kaso ng static na pagpoposisyon, ngunit ang property na ito ay nagpapahintulot sa iyo na baguhin ang posisyon para sa mga bata.
- Ganap (absolute). Ang posisyon nito ay kinakalkula na may kaugnayan sa elemento na may kamag-anak na pagpoposisyon.
Iba pang mga katangian
Ang mga top at left attribute ay ginagamit upang baguhin ang posisyon na may kaugnayan sa puntong pinagmulan. Ang mga halaga ay maaaring maging positibo o negatibo. Ang lapad at taas ng elementong bloke ay tinukoy ng mga katangian ng lapad at taas, ayon sa pagkakabanggit. Kung hindi sila tinukoy sa mga style sheets, hahalalin ng bloke ang buong lapad ng elemento ng magulang. Kung ang bloke ng nilalaman ay hindi magkasya sa lahat ng lapad ng "magulang", pagkatapos ay ang pag-uugali ng elemento ay natutukoy ng overflow na katangian.
Inaasahan namin na ang artikulong ito ay nakatulong upang maunawaan ang tanong kung ano ang
Similar articles
Trending Now