Робимо клікабельно будь-яку область сайту - щоденник web-розробника

Нещодавно мені знадобилося зробити частину картинки з шапки сайту посиланням на головну сторінку.
Можна було звичайно порізати картинку на частини і зробити одну з частин посиланням, але мені цей варіант не підходив.
Поміркувавши, я знайшов інший спосіб зробити клікабельно якусь область.

Створюємо порожній див, задаємо йому потрібні нам розміри і позиціонування.
Додаємо властивість onClick і все готово.

Додайте ці рядки в свій файл стилів

якщо вам цього мало і ви хочете зробити об'єкт нестандартної форми, то вам допоможе тег «area»
елемент треба розташовувати всередині тегів

можливі властивості елемента
SHAPE - вказує форму об'єкта.
значення:
* Rect - прямокутник;
* Circle - окружність;
* Poly - багатокутник.
COORDS - задає координати об'єкта. є «доповненням» атрибутом SHAPE. Способи завдання координат для різних типів областей:

* SHAPE = "rect» COORDS = "лівий x, верхній y, правий x, нижній y»;
* SHAPE = "circle» COORDS = »центр x, центр y, радіус»;
* SHAPE = COORDS = "A, B, C, D, ..., A, B». Кожна пара задає координати вершин багатокутника. Перша і остання пари збігаються задаючи замкнуту фігуру;

HREF - визначає область як гіпертекстове посилання. Значення задається в вигляді посилання (URL).

NOHREF - визначає область як неактивну (несприйнятливість до натискання). Даний атрибут протилежний атрибуту HREF і використовується для скасування дії останнього.

ALT - визначає альтернативний текст-підказку для даної області.

Робимо клікабельно будь-яку область сайту