<div> iyo <span> waa laba ka mid ah curiyeyaasha ugu muhiimsan ee HTML loo isticmaalo in lagu qaabeeyo loogana dhigo mid qurux badan boggaaga. Waxay u oggolaanayaan horumariyaha inuu u qaybiyo waxyaabaha ku jira bogga qaybo kala duwan oo si gaar ah loo qaabeyn karo.

<div> Element

<div> (division) waxaa loo isticmaalaa in lagu abuuro qayb ama xannibaad ka mid ah dukumeentiga HTML. Waxay u shaqeysaa sidii weel loogu talagalay curiyeyaasha kale, sida qoraalka, sawirada, iyo xitaa qaybaha kale ee <div>. <div> badanaa waxaa loo isticmaalaa in lagu qaabeeyo qaybo waaweyn oo ka mid ah bogga.

<div style="background-color:lightblue; padding: 20px;">
  <h2>Cinwaan qaybta</h2>
  <p>Kani waa qoraal ku jira qaybta.</p>
</div>

Tusaalahan, waxaan ku abuurnay qayb leh midab asalka buluug khafiif ah iyo meel bannaan oo 20px ah. Waxaan sidoo kale ku darnay cinwaan iyo faqrad gudaha qaybta.

<span> Element

<span> waxaa loo isticmaalaa in lagu calaamadiyo qayb ka mid ah qoraalka ama curiyaha gudahiisa. Si ka duwan <div>, <span> ma abuurto xariiq cusub; waxay ku dhex jirtaa (inline). Waxaa badanaa loo isticmaalaa in lagu qaabeeyo qayb yar oo qoraal ah.

<p>Qoraalkan waxa ku jira <span style="color:red; font-weight:bold;">qoraal casaan ah oo qaro weyn</span>.</p>

Tusaalahan, waxaan ku qaabeynay ereyada "qoraal casaan ah oo qaro weyn" midab casaan ah iyo font qaro weyn adoo isticmaalaya <span>.

Goorma la isticmaalaa <div> iyo <span>?

• Isticmaal <div> marka aad u baahan tahay inaad abuurto qayb gooni ah oo ka mid ah bogga oo leh qaabeyn gaar ah.
• Isticmaal <span> marka aad u baahan tahay inaad qaabeyso qayb yar oo qoraal ah iyada oo aan la abuurin xariiq cusub.

Fahamka sida loo isticmaalo <div> iyo <span> waa mid muhiim u ah qaabaynta bogagga HTML oo qurux badan.