Kamoo U ka Sebelisang Span le Div HTML Elements

Sebelisa span le div le CSS bakeng sa mokhoa o moholo le taolo ea tsamaiso.

Batho ba bangata ba ncha ho marang-rang a marang-rang le HTML / CSS ba sebelisa lisebelisoa le

ka tsela e sa tšoaneng ha ba haha ​​maqephe a marang-rang. Ntho ea sebele, leha ho le joalo, ke hore e 'ngoe le e' ngoe ea likarolo tsa HTML e sebeletsa merero e fapaneng. Ho ithuta ho sebelisa e 'ngoe le e' ngoe bakeng sa morero oa eona ho tla u thusa ho hlahisa maqephe a maqephe a hloekileng ao melao e bonolo ho a laola ka kakaretso.

Ho sebelisa
Element

Karolo ea div e hlalosa likarohano tse utloahalang leqepheng la hau la marang-rang.

Ha e le hantle ke lebokose leo u ka kenang lintlha tse ling tsa HTML tseo ka mokhoa o utloahalang li tsamaeang hammoho. Karohano e ka ba le likarolo tse ling tse ngata ho eona, joaloka lirapa, lihlooho, lethathamo, li-link, litšoantšo, joalo-joalo. E ka ba le likarohano tse ling kahare ho eona ho fana ka ts'ebetso le tlhophiso e eketsehileng lenaneong la hau la HTML.

E le ho sebelisa karolo ea div, beha lebo

e bulehileng pele sebaka sa leqephe la hau seo u se batlang e le karohano e fapaneng, le lebokose la haufi ka mor'a lona:

likarolo tsa div

Haeba sebaka sa leqephe la hau se hloka tlhahisoleseling e eketsehileng eo u tla e sebelisa ka mokhoa oa CSS hamorao, u ka eketsa mokhetho oa khetho (mohlala,

id = "myDiv">), kapa sehlopha sa khetho (mohlala, sehlopha = "bigDiv">). Ka bobeli litšoaneleho tsena li ka khethoa ka CSS kapa li fetotsoe ho sebelisa JavaScript. Mekhoa e metle ea morao-rao e itšetlehile ka ho sebelisa likhetho tsa lihlopha ho e-na le li-ID, karolo e itseng ka lebaka la hore na ba khethiloeng ba ID ke bafe. Ka 'nete, leha ho le joalo, u ka sebelisa e le' ngoe 'me u ka fana ka karohano ka bobeli le mokhetho oa sehlopha.

Nako ea ho Sebelisa

Versus

Karolo ea div e fapane le karolo ea HTML5 ea sehlopha hobane ha e fane ka sebopeho se kentsoeng moelelo leha e le ofe oa sebopeho. Haeba o sa tsebe hantle hore na karolo ea dikahare e lokela ho ba di div kapa karolo, nahana ka sepheo sa sebopeho le lihlooho li tla u thusa ho etsa qeto ea hore na u ka sebelisa eng:

  • Haeba o hloka karolo e le feela ho eketsa mekhoa sebakeng seo sa leqephe, o lokela ho sebelisa div elements.
  • Haeba litaba tse lokelang ho ba le tsona li nahane ka ho khetheha 'me li ka ema li le mong, u ka' na ua batla ho sebelisa karolo ea karolo ho e-na le hoo.

Qetellong, likarohano le likarolo li itšoara ka mokhoa o ts'oanang 'me u ka fana ka e' ngoe ea tsona tsa litekanyetso le mokhoa oa ho li sheba ka CSS ho shebahala sebaka sa hau sa marang-rang seo u se hlokang. Tsena ka bobeli ke lisebelisoa tsa litekanyetso tsa boleng

Ho sebelisa Element

Sebopeho sa span ke ntho e inline ka ho sa feleng. Sena se se arohanya le div le likarolo tsa karolo. Sehlopha sa span se atisa ho sebelisoa ho koahela sehlahisoa se itseng sa tlhaho, ka tloaelo se ngotsoeng, ho se fa "hook" e eketsehileng hamorao. E sebelisitsoe ka CSS, e ka fetola mokhoa oa mongolo oo o o kenyang; leha ho le joalo, ntle le litšobotsi tsa mokhoa oa sebopeho, sebopeho sa span se na le phello ho hang.

Ena ke phapang e khōlō pakeng tsa nako le likarolo tsa div. Joalokaha ho boletsoe ka holimo, karolo ea div e akarelletsa khefu ea lirapa, empa karolo ea span e bolella feela sebapali ho sebelisa melao e tloaelehileng ea mekhoa ea CSS ho eng e kenngoa ke li- tags:


Mongolo o hlakileng le mongolo o sa hlakisoang.

Eketsa sehlopha = "totobatsa" kapa sehlopha se seng ho sebopeho sa span ho ngola mongolo o nang le CSS (mohlala, class = "totobetse">).

Sebopeho sa span ha se na litšobotsi tse hlokahalang, empa tse tharo tse molemo ka ho fetisisa li tšoana le tsa div element:

  • mokhoa
  • sehlopha
  • id

Sebelisa nako ea nako ha u batla ho fetola mokhoa oa libopeho ntle le ho hlalosa hore lintho tseo u li khotsofatsang e le karolo e ncha ea boemong bo ka har'a tokomane eo.

Ka mohlala, haeba u batla hore lentsoe la bobeli la h3 le be le khubelu, u ka potoloha lentsoe leo ka sebopeho sa span se ka reng lentsoe leo e le litemana tse khubelu. Lentsoe lena le sa ntsane e le karolo ea h3 element, empa hona joale e boetse e bontsa e khubelu:

Ena ke Sehlooho sa Ka se Hlollang

E hlophisitsoe ke Jeremy Girard ka la 2/2/17