Свойство shape HTML <area>

Тег HTML <area>

Определение и использование

форма Определяет форму области.

форма Свойство Атрибут coords Вместе они определяют размер, форму и положение области.

Пример

Использование атрибута shape для определения формы каждой области карты изображения:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

Попробуйте сами

Синтаксис

<area shape="default|rect|circle|poly">

Значение свойства

Значение Описание
default Определение всей области.
rect Определение прямоугольной области.
circle Определение круговой области.
poly Определение многоугольной области.

Подробное объяснение:

форма Атрибут используется для определения формы области, чувствительной к мыши, в карте изображений:

  • Круг (circ или circle)
  • Многоугольник (poly или polygon)
  • Прямоугольник (rect или rectangle)

форма Значение свойства влияет на интерпретацию атрибута coords браузером. Если не используется форма свойство, то будет предполагаться использование значения default. В соответствии со стандартом, default означает, что область покрывает всю картинку. На практике браузеры по умолчанию используют прямоугольную область и ожидают найти 4 значения coords. Если форма не указана и 4 значения coords не включены в тег, браузер пропустит всю область.

может распознать форма Браузеры, которые могут предоставлять区域内 все точки горячего доступа, могут использоваться для кликов за пределами диапазона других определений областей. Поскольку области в теге <map> выбираются в порядке "первым пришел, primero обслужен", все необходимые области должны быть размещены в конце. В противном случае, базовая область будет перекрывать все другие области,出现的 в других изображениях.

Браузеры не имеют строгих требований к реализации имен форм. Например, для прямоугольника Netscape 4 не может распознать "rectangle", но может распознать "rect". По этой причине мы рекомендуем использовать сокращенные имена.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Тег HTML <area>