SVG havolalar
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):
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:
hrefatributi o‘tiladigan URL manzilni belgilayditargetatributi havola qayerda ochilishini belgilaydi (bu yerda havola yangi oyna/tabda ochiladi)
Giperhavola sifatidagi grafika
Havola sifatidagi aylana (<a> elementi yordamida):
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!
