Die internet, Webontwerp
Blokuitleg van div-tags HTML
Nog sowat tien jaar gelede in runet het die sogenaamde tafeluitleg die meeste gebruik. Aangesien die standaarde van sommige blaaiers aansienlik van mekaar verskil het, was dit nodig om 'n oplossing te soek wat die internetdokument in alle toepassings korrek sou laat vertoon. Maar die tyd het verloop, standaarde ontwikkel, en 'n rigiede en onbuigsaam tabelvorm is vervang deur 'n goed aangepaste en responsiewe blokuitleg. Aan die voorpunt van hierdie tegnologie lê die beginsel van die gebruik van die
opkoms
Die komplikasie van webbladsye en die ontwikkeling van rekenaartegnologie het daartoe gelei dat die webdokument in twee dele verdeel is: 'n geraamte (HTML-kode) en ontwerp (style sheets). Danksy dit het ons daarin geslaag om 'n ongekende ontwikkeling van die web te bereik, die resultate wat ons nou op die meeste moderne webwerwe kan sien. Benewens die verbetering van die ontwikkelingsproses, het
Standaarde en verifikasie
Die
Tags
Om 'n werklik geldige dokument te skep, moet u die volgende struktuur van die
Gebruik klasse en identifiseerders
Die
Uiteraard impliseer die blokstruktuur van die dokument glad nie die gebruik van slegs een
Die tag. HTML eienskappe
Soos hierbo genoem, verander hierdie merker nie die ontwerp van die fragment van die bladsy nie, maar word gebruik om 'n semantiese struktuur te skep met daaropvolgende ontwerp deur style sheets. Die gebruik van 'n sluitingsteken vir hierdie element is verpligtend.
Ten spyte van die feit dat baie moderne blaaiers hierdie fout kan herken, kan dit in sommige gevalle 'n ongekakte tag die dokumentstruktuur laat val en nie korrek vertoon nie.
Aangesien hierdie element blok is, sal die inhoud wat daarin vervat is, met 'n nuwe reël begin. Om hierdie gedrag te verander, moet u die vertoningsinstellings van die blok verander met die vertoon eiendom. Behalwe om die geneste elemente te groepeer, kan die
-tag jy die ligging van die inhoud binne dit stel. Om dit te doen, gebruik jy die lyn-kenmerk, waarmee jy teks of prentjie links, regs of middel van die ouerelement kan plaas.
Posisionering blokke
Deur die posisie kenmerk te gebruik, kan u die posisioneringsmetode van die gekose element verander. Dus, daar is drie soorte posisionering:
- Staties (staties) - word standaard gebruik. In hierdie geval word die element geposisioneer volgens die posisie in die HTML-kode.
- Relatiewe (relatiewe). In hierdie geval word die ligging van die voorwerp op dieselfde manier bereken as in die geval van statiese posisionering, maar hierdie eiendom laat jou toe om die posisie vir die kinders te verander.
- Absolute (absolute). Sy posisie word bereken relatief tot die element met relatiewe posisionering.
Ander eienskappe
Die boonste en linkse eienskappe word gebruik om die posisie relatief tot die oorsprongpunt te verander. Waardes kan positief of negatief wees. Die breedte en hoogte van die blok element word onderskeidelik deur die breedte en hoogte eienskappe gespesifiseer. As hulle nie in die style sheets gespesifiseer word nie, sal die blok die hele breedte van die ouerelement beslaan. As blokinhoud nie al die breedte van die "ouer" pas nie, word die gedrag van die element bepaal deur die oorloop eienskap.
Ons hoop dat hierdie artikel gehelp het om die vraag te verstaan van wat
in HTML is.
Soos hierbo genoem, verander hierdie merker nie die ontwerp van die fragment van die bladsy nie, maar word gebruik om 'n semantiese struktuur te skep met daaropvolgende ontwerp deur style sheets. Die gebruik van 'n sluitingsteken vir hierdie element is verpligtend.
Ten spyte van die feit dat baie moderne blaaiers hierdie fout kan herken, kan dit in sommige gevalle 'n ongekakte tag die dokumentstruktuur laat val en nie korrek vertoon nie.
Aangesien hierdie element blok is, sal die inhoud wat daarin vervat is, met 'n nuwe reël begin. Om hierdie gedrag te verander, moet u die vertoningsinstellings van die blok verander met die vertoon eiendom. Behalwe om die geneste elemente te groepeer, kan die
Posisionering blokke
Deur die posisie kenmerk te gebruik, kan u die posisioneringsmetode van die gekose element verander. Dus, daar is drie soorte posisionering:
- Staties (staties) - word standaard gebruik. In hierdie geval word die element geposisioneer volgens die posisie in die HTML-kode.
- Relatiewe (relatiewe). In hierdie geval word die ligging van die voorwerp op dieselfde manier bereken as in die geval van statiese posisionering, maar hierdie eiendom laat jou toe om die posisie vir die kinders te verander.
- Absolute (absolute). Sy posisie word bereken relatief tot die element met relatiewe posisionering.
Ander eienskappe
Die boonste en linkse eienskappe word gebruik om die posisie relatief tot die oorsprongpunt te verander. Waardes kan positief of negatief wees. Die breedte en hoogte van die blok element word onderskeidelik deur die breedte en hoogte eienskappe gespesifiseer. As hulle nie in die style sheets gespesifiseer word nie, sal die blok die hele breedte van die ouerelement beslaan. As blokinhoud nie al die breedte van die "ouer" pas nie, word die gedrag van die element bepaal deur die oorloop eienskap.
Ons hoop dat hierdie artikel gehelp het om die vraag te verstaan van wat
Similar articles
Trending Now