Каждый элемент <area> определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.
Элемент <area> задаёт форму области, её размеры, устанавливает адрес документа, на который следует сделать ссылку. <area> всегда располагается в контейнере <map> который связывает координаты областей с изображением.
Յուրաքանչյուր <area> տարր պատկերում սահմանում է թեժ կետեր, որոնք հղումներ են: Նկարը, որի վրա կցված են թեժ կետերը, ընդհանուր առմամբ կոչվում է պատկերային քարտեզ: Նման քարտեզն իր տեսքով չի տարբերվում սովորական պատկերից, բայց միևնույն ժամանակ այն կարելի է բաժանել տարբեր ձևերի անտեսանելի գոտիների, որտեղ տարածքներից յուրաքանչյուրը ծառայում է որպես հղում։
<area> տարրը սահմանում է տարածքի ձևը, չափերը, սահմանում է փաստաթղթի հասցեն, որին պետք է հղում կցել: <area> տարրը միշտ գտնվում է <map> կոնտեյների մեջ, որը կապում է տարածքների կոորդինատները պատկերի հետ:
See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
Для корректной работы используете пк. Спасибо :3
Ճիշտ աշխատանքի համար օգտագործեք համակարգիչ: Շնորհակալություն :3
Нажмите на одну из игр на картинке и откроется информация про него!
Սեղմեք նկարում պատկերված խաղերից մեկի վրա և դրա մասին տեղեկատվությունը կբացվի!
Одним из хороших примеров является сайт Шерлок Холмс в Риге.
Լավ օրինակներից է Ռիգայում գտնվող Շերլոկ Հոլմսի կայքը:
Есть ещё полезные сайты такие как генераторы. Вы можете сразу создавать координаты лишь создавая и задавая значения на интерфейсе.
Կան այլ օգտակար կայքեր, ինչպիսիք են գեներատորները. Դուք կարող եք անմիջապես կոորդինատներ ստեղծել միայն ինտերֆեյսի վրա արժեքներ ստեղծելու և սահմանելու միջոցով:
Также вы можете добавить в конец download и можете установить внутрь href ссылку на файл.
Դուք կարող եք նաև ավելացնել download ավարտին և կարող եք հղում սահմանել ֆայլին href-ի միջոցով։
See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 11+ | 12+ | 97+ | 2+ | 15.2+ | 82+ |