HTML5 Semantic Tags

isticmaalka iyo qaabeynta semantic tags ka html

HTML5 waxay keentay isbeddel weyn oo lagu hagaajinayo habka loo dhiso bogagga internetka. Mid ka mid ah waxyaabaha ugu muhiimsan ee ay soo kordhisay waa "semantic tags," kuwaas oo sharaxaya macnaha qaybaha bogga si ay u fududaato fahamka mashiinnada raadinta (search engines) iyo isticmaaleyaasha baahiyaha gaarka ah qaba (accessibility).

Semantic Tags

Maqaalkan, waxaan si qoto dheer u eegeynaa afar ka mid ah calaamadaha muhiimka ah ee semantic ee HTML5: <header>, <footer>, <article> iyo <section>.

1. <header> - Qaybta Sare ee Bogga

<header> waa calaamad lagu qeexo qeybta sare ee bogga ama qeyb gaar ah oo ka mid ah bogga. Waxay bixin kartaa xogta muhiimka ah sida cinwaanka bogga, sharraxaadda, menus ama links muhiim ah. Waa muhiim in <header> loo isticmaalo si sax ah, iyadoo aan lagu darin waxyaabo aan la xiriirin qaybta sare ee bogga.

Tusaale:

<header>
    <h1>Wararka Maanta</h1>
    <nav>
        <ul>
            <li><a href="#">Bogga Hore</a></li>
            <li><a href="#">Wararka</a></li>
            <li><a href="#">Xiriir</a></li>
        </ul>
    </nav>
</header>

2. <footer> - Qaybta Hoose ee Bogga

<footer> waa calaamad qeexaysa qaybta hoose ee bogga. Badanaa waxaa lagu daraa macluumaad sida xuquuqda daabacaadda (copyright), xiriirada baraha bulshada, iyo macluumaadka shirkadda ama bogga.

Tusaale:

<footer>
    <p>&copy; 2025 Wararka Maanta. Dhammaan xuquuqaha way xifdisan yihiin.</p>
    <p><a href="#">Xiriir</a> | <a href="#">Shuruudaha</a></p>
</footer>

3. <article> - Qodob Ama Maqaal

Semantic Tags

<article> waa calaamad lagu qeexo maqaal ama qodob dhameystiran oo madaxbannaan. Waxaa loo isticmaalaa in lagu muujiyo maqaalada blog-ka, wararka, ama waxyaabo kale oo si madax-bannaan loo akhrin karo.

Tusaale:

<article>
    <h2>War Cusub: Teknolojiyada iyo Horumarka</h2>
    <p>Teknolojiyada casriga ah waxay keenaysaa horumaro waaweyn...</p>
</article>

4. <section> - Qaybaha Gudaha ee Bogga

<section> waa calaamad lagu muujiyo qaybaha kala duwan ee bogga. Waxay isku xiri kartaa dhowr <article> ama qaybaha kale ee muhiimka ah.

Tusaale:

<section>
    <h2>Wararka Teknolojiyada</h2>
    <article>
        <h3>Shirkad Cusub oo Soo Saartay Mobile Casri ah</h3>
        <p>Shirkadda XYZ waxay soo bandhigtay mobile cusub...</p>
    </article>
</section>

Gunaanad

Isticmaalka calaamadaha semantic ee HTML5 waxay kaa caawinayaan dhismaha boggaga nadiif ah oo si sax ah loo fahmi karo. <header>, <footer>, <article>, iyo <section> waa calaamado waxtar leh oo fududeynaya habka wax loo soo bandhigo iyo sida mashiinnada raadinta ay u fahmaan boggaaga. Sidaas darteed, waa muhiim in la isticmaalo si habboon marka la dhisayo bog internet ah.