ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLエリアタグとは何を意味するのでしょうか？ htmlエリアタグの使い方を詳しく解説
HTMLエリアタグとは何を意味するのでしょうか？ htmlエリアタグの使い方を詳しく解説
- 寻∝梦オリジナル
- 2018-08-17 17:37:124707ブラウズ
HTMLエリアタグの意味は何ですか? HTMLエリアタグの使い方についてどれくらい知っていますか？この記事では、HTML エリア タグの定義と使用例、および HTML エリア タグの属性の概要 (例を示します) を紹介します
HTML エリア タグの定義と使用法:
< ;area> タグの定義 イメージ マップ内の領域 (注: イメージ マップとは、クリック可能な領域を持つイメージを指します)。
area 要素は常に dab9f699790ab0922e596ecb9f6677d5 タグ内にネストされます。
注: a1f02c36ba31691bcfe87b2722de723b タグの usemap 属性はマップ要素の name 属性に関連付けられ、画像とマップの間に接続が作成されます。
HTML3d030ebd0af6c4de4f67c08a81411c56 クリック可能なエリアを含むイメージマップ:
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
3d030ebd0af6c4de4f67c08a81411c56 alt: エリアの代替テキスト。
coords: エリアの座標。
href: エリアのターゲット URL。
hreflang: ターゲット URL の言語、html5 の新しい属性。
media: ターゲット URL が最適化されるメディア/デバイス。HTML5 の新しい属性。
nohref: 関連リンクのない領域、html5はサポートしていません。
rel: 現在のドキュメントとターゲット URL の間の関係、HTML5 の新しい属性。
shape: エリアの形状。
target: ターゲット URL を開く場所。
type: ターゲット URL の MIME タイプ、html5 の新しい属性。
- フォーマット: 81df70b8553f53b84f89a2d16dbb6a9f
HTML3d030ebd0af6c4de4f67c08a81411c56 タグの例:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>html< area>标签_PHP笔记</title> </head> <body> <img src="http://www.php.cn/themes/Nana2.09/images/logo.png" alt="html< area>标签" width="300px" height="70px" alt="PHP笔记logo" usemap="#logo"> <map name="logo"> <area shape="rect" coords="0,0,70,70" alt="图标" href="#"> <area shape="rect" coords="85,0,280,50" alt="PHP笔记" href="#"> <area shape="rect" coords="85,50,275,70" alt="www.php.cn" href="#"> </map> <h3>上面图片被分为3个区域</h3> </body> </body> </html>コメント: a1f02c36ba31691bcfe87b2722de723b usemap 属性は、dab9f699790ab0922e596ecb9f6677d5 の id または name 属性を参照できるため、id 属性と name 属性の両方を同時に dab9f699790ab0922e596ecb9f6677d5 に追加する必要があります。
HTMLとXHTMLの違い
HTMLでは、03fc64e1e502d5ba947b3a9af06d2d2aには終了タグがありません。
XHTML では、03fc64e1e502d5ba947b3a9af06d2d2a を正しく閉じる必要があります。 【関連おすすめ】HTML5ソースタイプの用途は何ですか? html5のソースタグを詳しく紹介
HTMLにおけるscriptタグの役割とは？ scriptタグでのtype属性の使い方は何ですか?以上がHTMLエリアタグとは何を意味するのでしょうか？ htmlエリアタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。