“rel”属性｜“area”要素:イメージマップの領域を指定｜HTML－havin' a coffee break

＃

“rel”属性について

“rel”属性は文書とリンク先との関係を示します。属性値はリンクタイプで指定します。

“href”属性を指定していない“area”要素には指定できません。

＃

指定できる値

属性値	説明
リンクタイプ	現在のページから見たリンク先との関係

値は空白文字で区切ることで複数指定できます。

＃

サンプルコード



<img src="sample_map.png" alt="イメージマップのサンプル" usemap="#sample9">



<map name="sample9">


<area href="https://www.example.com/" rel="nofollow" shape="rect" coords="8,32,72,99" alt="リンク">

<area href="en/sample.html" hreflang="en" rel="alternate" shape="poly" coords="97,103,30,193,163,193" alt="英語版">

<area href="sample-print.html" media="print" rel="alternate" shape="circle" coords="146,59,47" alt="フランス語版">


</map>

“area”要素~“rel”属性

“rel”属性について

指定できる値

サンプルコード