Tags-ka Madaxda ee HTML
HTML (HyperText Markup Language) waa luqadda loo isticmaalo in lagu abuuro boggaga webka. Si loo dhiso bog HTML ah, waa in la adeegsadaa tags kala duwan oo loo yaqaan tags ama calaamado, kuwaas oo ka caawiya bogga inuu noqdo mid habaysan oo la fahmi karo. Tags-ka madaxda waa qayb ka mid ah tags-ka HTML ee ugu muhiimsan, kuwaas oo ku jira qaybta <head> ee bogga HTML. Qaybtan waxay ka caawisaa bogga inuu bixiyo macluumaad muhiim ah oo ku saabsan bogga, sida ciwaanka bogga, xogta metatada, iyo isku xirnaanta dukumiintiyada kale. Hoos waxaan ku sharxi doonaa qaar ka mid ah tags-ka madaxda ee ugu muhiimsan.
 |
Tags-ka Madaxda ee HTML |
1. <title>
Tag-ka <title> waa tag-ga ugu muhiimsan ee ku jira qaybta <head> ee HTML. Tag-gan wuxuu qeexayaa ciwaanka bogga webka, kaas oo ka muuqan doona qaybta kore ee daalacashada (browser tab). Ciwaankani wuxuu ka caawinayaa isticmaalayaasha inay si fudud u garan karaan bogga ay ku jiraan, waxaana sidoo kale muhiim u ah matoorada raadinta (search engines) sababtoo ah waxay raadisaa ciwaanka si ay u fahmaan mowduuca bogga. Tusaale ahaan:
html
<head>
<title>Hordhaca HTML</title>
</head>
Ciwaanka kore wuxuu u muuqan doonaa sida "Hordhaca HTML" marka boggan la furo.
2. <meta>
Tag-ka <meta> wuxuu bixiyaa xogta metatada ee ku saabsan dukumiintiga HTML. Metadata waa macluumaad ku saabsan xogta, waxaana loo adeegsadaa bixinta macluumaad muhiim ah sida qoraalka qoraaga, sharraxa bogga, iyo ereyada muhiimka ah (keywords) ee loo isticmaali doono matoorada raadinta. Tusaale ahaan:
html
<head>
<meta charset="UTF-8">
<meta name="description" content="Bog hage u ah barashada HTML">
<meta name="keywords" content="HTML, Web, Programming">
<meta name="author" content="Magacaaga">
</head>
Tags-kan waxay ka caawiyaan matoorada raadinta inay fahmaan boggaaga waxayna ka dhigaan in boggaaga si fiican ugu muuqdo natiijooyinka raadinta.
3. <link>
Tag-ka <link> waxaa loo isticmaalaa in lagu xiro dukumiinti kale ama il kale oo dibadda ah sida faylka CSS, favicon, ama API-yada kale. Tag-gan ma leh qoraal u dhexeeya (closing tag), waxaana badanaa loo adeegsadaa isku xirka stylesheet-yada. Tusaale ahaan:
html
<head>
<link rel="stylesheet" href="styles.css">
</head>
Tusaalahan kor ku xusan, tag-ka <link> wuxuu xiraa stylesheet-ka la yiraahdo "styles.css", kaas oo loogu talagalay in lagu qurxiyo bogga HTML.
4. <style>
Inkasta oo tag-kan badanaa loo isticmaalo gudaha qaybta <head>, haddana waxaa lagu dari karaa qoraalka CSS si loo dhiso muuqaalka bogga HTML gudaha isla faylkaas. Tusaale:
html
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
</style>
</head>
Tusaalehaan, tag-ga <style> wuxuu qeexayaa qaababka CSS-ka ee loo adeegsanayo bogga, sida font-ka iyo midabka asalka.
Gabagabo
Tags-ka madaxda ee HTML waa kuwo muhiim ah si loo hubiyo in boggaaga uu si sax ah u shaqeeyo oo uu noqdo mid la fahmi karo. Tags-ka <title>, <meta>, <link>, iyo <style> waa kuwo aasaasi ah oo ka caawinaya boggaaga inuu si wanaagsan u muuqdo, la fahmi karo, loona habeeyo. Waxay sidoo kale muhiim u yihiin matoorada raadinta, taasoo ka dhigi karta in boggaaga uu soo baxo marka la raadiyo macluumaadka uu xambaarsan yahay.
Waa muhiim inaad si sax ah u isticmaasho tags-ka madaxda si aad u hubiso in boggaaga uu la jaan qaadi karo isticmaale kasta iyo qalab kasta oo lagu galayo boggaaga.