SVG havolalar


ULASHISH

SVG havolalar - <a>

<a> elementi havola yaratish uchun ishlatiladi.

<a> elementidan matn bilan ham, grafika bilan ham foydalanish mumkin.

<a> elementida yettita asosiy atribut bor:

Atribut Tavsif
href O‘tiladigan URL manzil
download Brauzerga URL manzilga o‘tish o‘rniga uni yuklab olishni bildiradi
hreflang Havola ko‘rsatayotgan sahifaning tili
referrerpolicy URL manzilni olishda yuboriladigan referrer ma’lumoti
rel Maqsadli obyektning havola obyektiga munosabati
target Havolani qayerda ochish kerakligi. Qiymati _self, _parent, _top, _blank yoki nom bo‘lishi mumkin
type Bog‘langan URL manzilning MIME turi

Giperhavola sifatidagi matn

Havola sifatidagi matn (<a> elementi yordamida):

I love SVG! Sorry, your browser does not support inline SVG.

SVG kodi quyidagicha:

Misol

<svg height="30" width="200" xmlns="http://www.w3.org/2000/svg">   <a href="/graphics" target="_blank">     <text x="5" y="15" fill="red">I love SVG!</text>   </a> </svg>
O‘zingiz sinab ko‘ring »

Kod izohi:

  • href atributi o‘tiladigan URL manzilni belgilaydi
  • target atributi havola qayerda ochilishini belgilaydi (bu yerda havola yangi oyna/tabda ochiladi)


Giperhavola sifatidagi grafika

Havola sifatidagi aylana (<a> elementi yordamida):

Sorry, your browser does not support inline SVG.

SVG kodi quyidagicha:

Misol

<svg height="100" width="200" xmlns="http://www.w3.org/2000/svg">   <a href="/graphics" target="_blank">     <circle r="45" cx="50" cy="50" fill="red" />   </a> </svg>
O‘zingiz sinab ko‘ring »

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!