hreflang属性

area要素のhreflang属性は、リンク先ドキュメントの言語コードを指定する任意属性。

ブラウザ対応

構文

<area href="URL" alt="代替テキスト" hreflang="言語コード">

言語コード

日本で馴染みのある言語コードの一例。

  • ja：日本語
  • en：英語
  • zh：中国語
  • ko：韓国語

要点

  • area要素のhreflang属性は、リンク先ドキュメントの言語コードを指定する属性である。
  • hreflang属性は、area要素にhref属性がある場合だけ使用する。area要素にhref属性がない場合、hreflang属性は、省略しなければならない。
  • hreflang属性は、HTML5にて新たに導入された属性である。

サンプルコード

日本語

<area shape="rect" coords="0,0,100,50" href="sample.html" alt="サンプル" hreflang="ja">

英語

<area shape="rect" coords="0,0,100,50" href="sample.html" alt="サンプル" hreflang="en">

サンプル

HTMLソースコード

<img src="sample-area.png" usemap="#sample-area">
<map name="sample-area">
	<area shape="circle" coords="50,50,40" href="http://html5.cyberlab.info" alt="ホーム" hreflang="ja">
	<area shape="rect" coords="110,10,190,90" href="http://html5.cyberlab.info/elements/embedded/" alt="埋め込みコンテンツ" hreflang="ja">
	<area shape="polygon" coords="250,10,206,86,294,86" href="http://html5.cyberlab.info/elements/embedded/area-target.html" alt="target属性" hreflang="ja">
	<area shape="polygon" coords="350,10,315,30,315,70,350,90,385,70,375,30" href="http://html5.cyberlab.info/elements/embedded/area-hreflang.html" alt="hreflang属性" hreflang="ja">
</map>

実際の表示

ホーム 埋め込みコンテンツ target属性 hreflang属性