Casharkaan (kii ugu dambeeyay ee koorsada HTML), waxaan baran doonaa sida loo sameeyo bogag internet oo loo heli karo (accessible) oo u fiican matoorada raadinta (SEO).
1. Waa maxay Helitaanka (Accessibility)?
Helitaanku waa farshaxanka ka dhiga bogga internetka mid la isticmaali karo qof kasta — oo ay ku jiraan dadka naafada ah sida indhoolayaasha, dadka maqalka daran, ama dadka aan isticmaali karin jiirka (mouse).
AST (A11y): Waa soo-gaabinta ereyga “accessibility” (A + 11 xaraf + Y).
2. Silsiladda Cinwaannada (Heading Hierarchy)
Cinwaannada waa inay raacaan silsilad macquul ah, sida buugga:
<h1>Magaca Mareegta</h1>
<h2>Qaybta Ku Saabsan</h2>
<h3>Taariikhdeenna</h3>
<h2>Qaybta Adeegyada</h2>
<h3>Qaybta Koowaad</h3>
<h3>Qaybta Labaad</h3>Xeer: Ha ka boodin heer — tusaale ahaan, ha u gudbin <h1> ilaa <h3> (ka bood h2).
3. Qoraalka Alt ee Sawirrada
Sida aan ku soo qaadnay casharkii 6-aad:
- Sawir kasta waa inuu yeelaa
altsharxaya nuxurka sawirka. - Sawirrada qurxinta (decorative) leh: isticmaal
alt=""(faaruq). - Ha isticmaalin
altoo dheer — 125 xaraf oo kaliya waa ku filan.
4. Midabada iyo Contrast-ka
Qoraalka waa inuu ka duwanaado gadaasha (background) si fudud loo akhriyi karo.
- Contrast ratio ugu yar: 4.5:1 qoraalka caadiga ah.
- Tusaale fiican: Qoraal madow (
#000000) gadaal cad (#ffffff). - Tusaale xun: Qoraal huruud ah (
#ffff00) gadaal cad (#ffffff).
5. Navigation-ka Keyboard-ka
Dadka qaar uma isticmaalaan jiirka. Waa in boggaagu si fiican ugu shaqeeyaa keyboard-ka:
Tabwaa inuu ku gudbiyaa link-ka xiga.Enterwaa inuu fur-aa link-ka.- Focus-ka (dhinaca shaashadda) waa inuu muuqdaa.
6. Aasaaska SEO (Raadinta Matoorada)
SEO waa farshaxanka ka dhiga boggaaga mid si fiican uga soo baxa Google:
- Title-ga bogga:
<title>waa inuu yahay mid qeexan oo gaaban (50-60 xaraf). - Meta description: Ku dar
<meta name="description" content="Sharaxaad kooban">. - Semantic HTML: Isticmaal
<nav>,<article>,<main>iwm. - Alt-ka sawirrada: Sawir kasta oo macne leh waa inuu yeelaa
alt. - Loading speed: Sawirrada isku buufi (compress), isticmaal caching.
7. Tusaale Bog Dhamaystiran
HTML-tii aad baratay oo dhan, haddaba ku dhufo hal bog oo tayo leh:
<!DOCTYPE html>
<html lang="so">
<head>
<meta charset="UTF-8">
<meta name="description" content="Bare hawari ah oo barta HTML-ka">
<title>Baro HTML — Casharrada Aasaasiga ah</title>
</head>
<body>
<header>
<h1>Baro HTML</h1>
<nav>
<ul>
<li><a href="/">Hoyga</a></li>
<li><a href="/about">Ku saabsan</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Ku soo dhawaow</h2>
<p>Baro HTML si fudud oo bilaash ah.</p>
<img src="html-banner.jpg" alt="Sawir muujinaya HTML code">
</section>
<article>
<h2>Casharkii ugu horreeyay</h2>
<p>HTML waa luqadda aasaaska u ah internetka...</p>
</article>
</main>
<footer>
<p>© 2026 Baro HTML</p>
</footer>
</body>
</html>Koobitaanka Guud ee HTML-ka
Hadda waxaad baratay dhammaan aasaaska HTML-ka:
- Waa maxay HTML iyo sida internetku u shaqeeyo
- Boggaaga HTML ee ugu horreeya
- Qoraalka iyo cinwaannada
- Liisaska
- Xiriirrada iyo ka-gudubka
- Sawirrada iyo warbaahinta
- Jadwalka xogta
- Foomamka iyo gelinta xogta
- Curiyayaasha semantiga ah
- Hab-dhaqanka ugu fiican iyo helitaanka
Waa maxay tallaabada xigta? Hadda oo aad taqaan HTML-ka, waxaad u gudbi kartaa Aasaaska CSS — halkaas oo aad ku baran doonto sida loo qurxiyo bogaggaada!
Sii wadashada: Koorsada xigta — Aasaaska CSS!