Warning: Undefined array key 3 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1273
Warning: Undefined array key 5 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1278
Warning: Undefined array key 7 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1283
mapに使える属性
属性とは<map>
タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。
よく使うグローバル属性
id |
概要 |
要素に対してID固有の識別名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
class |
概要 |
要素に対して分類名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
style |
概要 |
要素に対して直接スタイルを指定することができます。 |
属性の値 |
スタイルシートのコード |
mapで使うその他属性
name |
概要 |
mapを参照可能にするために指定します。 |
属性の値 |
文字列 |
スポンサードサーチ
<map>の使い方
<map name="infographic">
<area shape="rect" coords="169,83,319,233"
href="/programing/about-pwa/"
target="_blank" rel="noopener" alt="PWA">
<area shape="rect" coords="94,233,244,383"
href="/html-css/html-css-lesson-01/"
target="_blank" rel="noopener" alt="HTML">
<area shape="rect" coords="245,234,394,384"
href="/programing/php-lesson-01/"
target="_blank" rel="noopener" alt="PHP">
</map>
<img usemap="#infographic" src="/wp-content/uploads/2019/06/imagemap.png" alt="infographic" />
ブラウザ対応状況
ブラウザの対応(PC) |
Chrome |
あり |
Safari |
あり |
Internet Explorer |
あり |
Edge |
あり |
Firefox |
あり |
Opera |
あり |
ブラウザの対応(SP) |
Chrome |
あり |
Safari |
あり |
Samsung Internet |
あり |