HTML

Xiriirinta HTML (Links)

Xiriirinta (links) ayaa ah mid ka mid ah astaamaha aasaasiga ah ee shabakadda. Xiriirinta waxay u oggolaadaan isticmaalayaasha inay ka dhex guuraan bogagga shabakadda, u dhexeeyaan bogagga ku jira isla bogga shabakadda, ama u xiriiraan ilo kale oo online ah. HTML waxay isticmaashaa tag-ga <a> si loo abuuro xiriirinta.

<a> - Abuurista Xiriirinta

Tag-ga <a> (anchor) waxaa loo isticmaalaa in lagu abuuro xiriirin HTML ah. Qoraalka ku dhex jira tag-ga <a> wuxuu noqonayaa qoraalka xiriirinta (link text), kaas oo isticmaaluhu gujin karo si uu u aado meesha loo socdo ee xiriirinta.

  • <a> (Anchor): Waxay qeexdaa xiriirin. Tilmaanta href ayaa loo baahan yahay si loo qeexo meesha loo socdo ee xiriirinta.

Qaabka Guud:

HTML

<a href="meesha-loo-socdo">Qoraalka Xiriirinta</a>

Tusaale:

HTML

<a href="https://www.example.com">Booqo Example.com</a>

Soo-saarista Browserka:

Booqo Example.com (Qoraalka "Booqo Example.com" wuxuu noqon doonaa xiriirin gujis ah)

Sharaxaadda:

  • Tag-ga <a> wuxuu abuuraa xiriirin.
  • Tilmaanta href="https://www.example.com" waxay qeexaysaa meesha loo socdo ee xiriirinta, kiiskan, bogga shabakadda ee https://www.example.com.
  • "Booqo Example.com" waa qoraalka xiriirinta, qoraalka uu isticmaaluhu arki doono oo uu gujin karo.

href iyo target Attributes

Tag-ga <a> wuxuu leeyahay tilmaamo dhowr ah oo lagu xakameyn karo habdhaqanka xiriirinta, kuwa ugu muhiimsan waxaa ka mid ah:

href Attribute

  • href (Hypertext Reference): Tilmaanta href ayaa loo baahan yahay tag-ga <a> kasta. Waxay qeexdaa meesha loo socdo ee xiriirinta. Qiimaha tilmaanta href wuxuu noqon karaa:
    • URL (Web Address): Si loogu xiriiriyo bog kale oo shabakadeed, fayl, sawir, ama ilo kale oo online ah.
    • Jidka Bogga Shabakadda (Path on the Website): Si loogu xiriiriyo bog kale oo ku jira isla bogga shabakadda.
    • Aqoonsi Walax (Element ID): Si loogu xiriiriyo qayb gaar ah oo ka mid ah bogga isla bogga (xiriirinta bogga gudahiisa).
    • Cinwaan E-mail (Email Address): Si loo abuuro xiriirin e-mail ah oo furaysa barnaamijka e-mailka ee isticmaalaha.
    • Lambarka Telefoonka (Phone Number): Si loo abuuro xiriirin telefoon oo furaysa barnaamijka telefoonka ee isticmaalaha (qalabka mobilada).

target Attribute

  • target: Tilmaanta target waxay qeexdaa meesha xiriirinta la furi doono. Qiimaha caadiga ah waa in xiriirinta lagu furo tabka hadda (current tab) ee browserka. Qiimaha kale ee caadiga ah waxaa ka mid ah:

    • _self: Waxay ku furaysaa xiriirinta tabka hadda - qiimaha caadiga ah.
    • _blank: Waxay ku furaysaa xiriirinta tab cusub ama daaqad cusub. Waxaa badanaa loo isticmaalaa xiriirinta dibadda ah si looga tago boggaaga shabakadda.
    • _parent: Waxay ku furaysaa xiriirinta bogga waalidka. Waxaa badanaa loo isticmaalaa frames.
    • _top: Waxay ku furaysaa xiriirinta daaqadda ugu sarreysa ee browserka. Waxaa badanaa loo isticmaalaa frames.
    • framename: Waxay ku furaysaa xiriirinta frame-ka la magacaabay.

    Tusaale target="_blank":

    HTML

    <a href="https://www.example.com" target="_blank">Booqo Example.com tab cusub</a>

    Soo-saarista Browserka:

    Booqo Example.com tab cusub (Xiriirintaan waxay ku furi doontaa bogga Example.com tab cusub marka la gujiyo)

URLs-ka Absolute vs Relative

Marka la qeexayo meesha loo socdo ee xiriirinta ee tilmaanta href, waxaad isticmaali kartaa laba nooc oo URLs ah:

URLs-ka Absolute (Absolute URLs)

  • URL-ka Absolute wuxuu qeexaa meesha buuxda ee ilaha, oo ay ku jiraan habmaamuuska (protocol) (sida http:// ama https://), domain-ka, iyo jidka buuxda ee ilaha.
  • URLs-ka Absolute waxaa loo isticmaalaa in loogu xiriiriyo bogagga shabakadda ee dibadda ah ama ilo ku yaal domain-yo kale.

Tusaalooyinka URLs-ka Absolute:

  • https://www.example.com/bogga-kale.html
  • https://www.domainkale.com/sawir.jpg
  • mailto:[email protected]
  • tel:+1234567890

URLs-ka Relative (Relative URLs)

  • URL-ka Relative wuxuu qeexaa jidka ilaha marka loo eego bogga hadda. Ma ku jiraan habmaamuus ama domain.
  • URLs-ka Relative waxaa loo isticmaalaa in loogu xiriiriyo bogagga shabakadda ee gudaha ah, faylasha, ama ilaha ku yaal isla domain-ka bogga shabakadda.
  • URLs-ka Relative waxay ka dhigayaan bogga shabakadda mid la qaadan karo oo la ilaaliyo, maadaama aadan u baahnayn inaad beddesho xiriirinta haddii aad bogga shabakadda u guurto server kale ama jid kale oo domain ah.

Tusaalooyinka URLs-ka Relative:

  • bogga-kale.html (waxay ku xiraysaa bog kale oo ku jira isla galka)
  • galka/bogga-kale.html (waxay ku xiraysaa bog kale oo ku jira galka "galka" ee hadda jira)
  • ../sawir.jpg (waxay ku xiraysaa sawir oo galka waalidka ee galka hadda jira)
  • /galka-xididka/faylka.pdf (waxay ku xiraysaa faylka galka xididka ee bogga shabakadda)

Goorma la isticmaalo URLs-ka Absolute vs Relative:

  • Isticmaal URLs-ka Absolute marka aad ku xiraysid bogagga shabakadda ee dibadda ah ama ilo ku yaal domain-yo kale.
  • Isticmaal URLs-ka Relative marka aad ku xiraysid bogagga shabakadda ee gudaha ah ama ilo ku yaal isla domain-ka.

Gabagabo

Xiriirinta HTML waa qayb muhiim ah oo ka mid ah shabakadda. Isticmaalka tag-ga <a> iyo tilmaamaha href iyo target si sax ah waxay kuu oggolaanayaan inaad abuurtid xiriirin wax ku ool ah oo ku hagaya isticmaalayaashaada bogaggaaga shabakadda iyo ilaha kale ee online-ka ah. Fahamka farqiga u dhexeeya URLs-ka Absolute iyo Relative ayaa muhiim u ah abuurista bogag shabakadeed oo la ilaaliyo oo la qaadan karo.