Sida loo Isticmaalayo Span iyo Div Elements HTML

Isticmaal jaantuska iyo cs CSS si aad uhogasho badan iyo xakameynta qaabka.

Dad badan oo ku cusub naqshadda shabakada iyo HTML / CSS waxay isticmaalaan 'span> iyo

walxaha bedelka ah marka ay dhisaan shabakadaha. Xaqiiqadu, si kastaba ha ahaatee, waa mid kasta oo ka mid ah qodobadaas HTML waxay u adeegaan ujeedooyin kala duwan. Barashada inaad mid kasta u isticmaasho ulajeeddadeedu waxay kaa caawineysaa inaad horumariso bogagga shabakada nadiifka ah ee koodhka si fudud loo maareeyo guud ahaan.

Isticmaalidda Eeg '

Unugyada div ayaa qeexaya kala qaybsanaanta macquulka ah ee boggaaga internetka.

Waa asal ahaan sanduuq aad ku dhigi kartid waxyaabo kale oo HTML ah oo si macquul ah u wada socda. Qeyb ka mid ah waxaa ku jira waxyaabo kale oo badan, sida cutubyada, cinwaanada, liisaska, xidhiidhada, sawirrada, iwm. Waxaa xitaa yeelan kartaa qaybo kale oo gudaha ah si ay u bixiyaan qaab siyaabo kale ah oo ururiya dukumeentiga HTML.

Si aad u isticmaashid qaybta lakabka, waxaad dhigtaa

raajo ah ka hor inta aanad ka helin boggaaga aad u rabto inaad kala qaybsanto kala-sooc, iyo cinwaan ku dhow ka dib:

waxyaabaha ku jira div

Haddii aagaga boggaagu ubaahan yahay macluumaad dheeraad ah oo aad u isticmaali doonto qaabka CSS kadib, waxaad ku dari kartaa xulashada id (sida,

id = "myDiv">), ama xulasho fasal (tus., class = "bigDiv">). Labadaba sifooyinkaas ayaa markaa la dooran karaa iyada oo la adeegsanayo CSS ama la bedelay isticmaalka JavaScript. Xeeladaha ugu wanaagsan ee hadda jira waxay ku tiirsan yihiin isticmaalka xulashada fasalka halkii aqoonsiyada, qayb ahaan sababtoo ah sida xulashada aqoonsiga gaarka ah. Xaqiiq ahaan, si kastaba ha ahaatee, waxaad isticmaali kartaa mid mid ah isla markaana xitaa bixin kartaa qaybta labadaba aqoonsi iyo xulasho fasal.

Markaad Isticmaalayso

Versus

Unugga div ayaa ka duwan yahay qaybta "HTML5" sababtoo ah ma siinayso mawduuca kuxiran ee macnaha micnaha leh. Haddii aadan hubin in barta ay tahay in ay tahay div ama qayb, ka feker waxa ujeedada ka kooban iyo waxyaabaha ay tahay inay kaa caawiyaan inaad go'aan ka gaarto:

  • Haddii aad ubaahan tahay halbeegga si aad ugu darto qaababka aagga ee bogga, waa inaad isticmaashaa qaybta div.
  • Haddii maadada la hayo ay tahay mid diiradda u saaran oo ay iskeed u taagan tahay, waxaa laga yaabaa inaad rabto inaad isticmaasho qaybta qaybta.

Ugu dambeyntii, qaybaha iyo qaybaha labaduba waxay u dhaqmaan si la mid ah, waxaadna ku siin kartaa mid ka mid ah astaamaha qiimaha oo ku dhejisan CSS si aad u hesho muuqaalka bogga aad u baahan tahay. Labada ka mid ah kuwan waa darajooyinka heerka block.

Isticmaalida Qaabka

Qaybta isbeddelku waa unug khadadka ah oo aan caadi ahayn. Tani waxay ka dhigeysaa mid ka baxsan qaybaha div iyo qaybaha. Nidaamka isdabajooga waxaa inta badan loo isticmaalaa in lagu duubo qayb gaar ah, sida caadiga ah qoraalka, si uu u siiyo "jeex" dheeraad ah oo dib loo dhigi karo. Isticmaalka CSS, waxay bedeli kartaa qaabka qoraalka ay ku taal; Si kastaba ha ahaatee, iyada oo aan lahayn sifooyin kasta oo muuqaal ah, isugeyntii kali ah wax saameyn ah kuma leh qoraalka.

Tani waa farqiga ugu weyn ee u dhaxeeya wareegyada iyo qaybaha lakabka. Sida kor ku xusan, qodobka div ayaa ka mid ah fasax jaban, halka qaybta isbeddelku kaliya u sheegayso browser inuu raaco xeerarka CSS style la xidhiidha waxa ku lifaaqan tiirarka :


span> Qoraal aad u iftiimay iyo qoraalka aan la taaban karin.

Ku dar fasalka = "caddayn" ama fasal kale si aad ugu sharaxdo qoraalka CSS (sida, fasalka = "highlight">).

Nidaamka isbedelku ma laha sifooyin loo baahan yahay, laakiin saddexdaas oo ah kuwa ugu faa'iidada badan waa kuwa la mid ah kuwa ka mid ah qaybta div:

  • qaabka
  • fasalka
  • aqoonsi

Isticmaal isbedel markaad rabto inaad bedesho qaabka content iyada oo aan qeexin waxyaabaha ku jira sida unug cusub oo heer-adag ah ee dukumeentiga ah.

Tusaale ahaan, haddii aad rabto in ereyga labaad ee h3 uu noqdo mid casaan ah, waxaad ku hareereyn kartaa ereyga oo leh weedh u eg oo ereygaas ku dhajin kara erayga cas. Erayga weli waa qayb ka mid ah h3 element, laakiin hadda waxa uu sidoo kale soo bandhigaa casaan:

Tani waa Madaxa Awoodda Awoodda

Waxaa sameeyay Edited by Jeremy Girard on 2/2/17