Kumaha Pake Apan na Div HTML Unsur

Paké bentang na div kalawan CSS pikeun gaya gede jeung kontrol perenah.

Loba jalma anu anyar pikeun desain web na HTML / CSS nganggo na

elemen di bulak sakumaha maranéhna ngawangun kaluar webpages. kanyataanana kitu, nu masing-masing unsur HTML ieu ngawula maksud nu béda. Diajar ngagunakeun unggal pikeun tujuanana dimaksudkeun bakal nulungan urang ngamekarkeun kaca web cleaner anu kode nyaéta gampang ngatur sakabéh.

Ngagunakeun
Unsur

Unsur div ngahartikeun bagean logis dina kaca web Anjeun.

Ieu dasarna mangrupakeun kotak nu bisa nempatkeun elemen HTML séjén anu logis buka babarengan. A division tiasa gaduh sababaraha elemen séjén di dinya, kawas ayat, lulugu, béréndélan, Tumbu, gambar, jsb Ieu malah bisa boga divisi sejenna jero eta nyadiakeun struktur tambahan jeung organisasi ka dokumen HTML Anjeun.

Ngagunakeun unsur div, nempatkeun hiji buka

tag saméméh wewengkon kaca anjeun nu rék salaku division misah, sarta nutup tag sanggeus eta:

eusi div

Lamun daerah kaca anjeun perlu sababaraha émbaran tambahan anu bakal Anjeun pake pikeun gaya jeung CSS engké, Anjeun bisa nambah hiji pamilihan id (misalna

id = "myDiv">), atawa pamilihan kelas (misalna kelas = "bigDiv">). Duanana atribut ieu tiasa teras dipilih maké CSS atawa dirobah maké JavaScript. lila-pangalusna ayeuna lean nuju ngagunakeun selectors kelas tinimbang Gajah Mungkur, dina bagian kusabab carana selectors ID husus anu. Dina bebeneran, kumaha oge, Anjeun bisa make salah sahiji na malah tiasa masihan division a duanana mangrupa ID sarta pamilihan kelas.

Nalika nepi Paké

versus

Unsur div mah béda ti bagian unsur HTML5 sabab teu masihan eusi enclosed sagala harti semantis. Mun anjeun teu yakin naha blok eusi kudu div atawa bagian hiji, pikir ngeunaan naon tujuan unsur sarta eusi nu aya pikeun mantuan mutuskeun nu ngagunakeun:

  • Lamun perlu unsur saukur pikeun nambahkeun gaya mun yén aréa kaca, Anjeun kedah nganggo unsur div.
  • Lamun eusi ka jadi ngandung ngabogaan fokus béda jeung bisa nangtung dina sorangan, anjeun bisa jadi hoyong nganggo unsur bagian gantina.

Pamustunganana, duanana divs jeung bagian kalakuanana geulis kitu jeung anjeun tiasa masihan boh di antarana atribut nilai na gaya sareng CSS pikeun meunangkeun katingal loka anjeun nu peryogi. Duanana ieu elemen tingkat block.

Ngagunakeun Unsur

Unsur bentang mangrupa unsur inline sacara standar. Ieu susunan eta da eta div sarta bagian elemen. Unsur bentang anu mindeng dipaké pikeun mungkus sapotong husus ngeunaan eusi, ilaharna téks, méré éta hiji tambahan "hook" nu bisa styled engké. Dipaké kalawan CSS, éta bisa ngarobah gaya téks eta mungkus; kumaha oge, tanpa wae gaya atribut, unsur bentang nyalira boga pangaruh dina téks pisan.

Ieu beda utama antara bentang jeung elemen div. Sakumaha didadarkeun di luhur, unsur div ngawengku hiji ayat putus, sedengkeun unsur bentang ukur ngabejaan browser pikeun nerapkeun pakait aturan gaya CSS naon ieu enclosed ku tags:


téks disorot jeung non-disorot téks.

Tambahkeun kelas = "sorot" atanapi kelas séjén kana unsur bentang pikeun gaya téks kalawan CSS (misalna kelas = "sorot">).

Unsur bentang boga atribut required, tapi nu tilu nu paling mangpaat anu sarua sakumaha pamadegan unsur div:

  • gaya
  • kelas
  • id

Paké bentang nalika rék ngarobah gaya eusi tanpa watesan nu eusi salaku anyar block-tingkat unsur dina dokumen éta.

Contona, upami anjeun hoyong kecap kadua mangrupa h3 judul janten beureum, Anjeun bisa ngurilingan éta kecap jeung unsur bentang nu bakal gaya nu Kecap salaku téks beureum. Kecap masih tetep bagian tina unsur h3, tapi ayeuna oge mintonkeun beureum:

Ieu Awesome headline abdi

Diédit ku Jeremy Girard on 2/2/17