<area> タグは主にイメージマップで使用されます。イメージマップにアクティブ領域 (ホットスポットとも呼ばれます) を設定するために使用できます。ユーザーが指定されたアクティブ領域にマウスを移動してクリックすると、事前に設定されたページに自動的にリンクされます。基本的な文法構造は次のとおりです。 コードをコピー コードは次のとおりです。<img src="upload/2022/web/logo.gif" width="207" height="148" alt="新しい本棚" hspace="10" align="left" usemap="#newbook" border="0"> <map name="newbook"> <area shape="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="ここには 100,000 を超える URL が収集されています。" title="ここには 100,000 を超える URL が収集されています。""> <area shape="rect" coords="82,70,103,136" href="siteall.htm" target="_blank" alt="Webサイトデザイナーの啓蒙書。" title="Webサイトデザイナーの啓蒙書。""> <area shape="rect" coords="106,68,128,136" href="pageall.htm" target="_blank" alt="Web ページ作成者が必ず読むべき本。" title="Web ページ作成者が必ず読むべき本。""> </マップ> この記事で説明するエフェクトを作成するときに留意すべき点がいくつかあります。 1. <img> タグに usemap パラメータと ismap パラメータを設定することを忘れないでください。usemap パラメータの値は <map> タグの name パラメータの値と同じである必要があります。つまり、「イメージ マップ名」は一貫している必要があります。 2. 同じ「イメージ マップ」内のすべてのホットスポットは、イメージ マップの範囲内にある必要があります。つまり、すべての <area> タグは <map> と </map> の間にある必要があります。 3. 多角形領域の頂点の座標が、shape パラメータによって設定された長方形のアクション領域内に設定される現象を回避するために、<area> タグ内の cords パラメータの座標形式は、shape パラメータによって設定されたアクション領域の形状と一致する必要があります。 HTML と XHTML の違い HTML では、<area> 要素に終了タグは必要ありません。 ただし、XHTML では、<area> 要素を適切に閉じる必要があります。 必須属性 DTD 列は、この属性をサポートするドキュメント タイプを示します。 S=厳格、T=移行、F=フレームセット。
オプション属性
コア属性 <area> タグは次のコア属性をサポートしています。
コアプロパティに関する詳細情報。 イベント属性 <area> タグは次のイベント属性をサポートします。
|
<<: CSS 表示属性のインラインブロックレイアウト実装の詳細な説明
この記事では、ソシュールの言語哲学などの理論に基づいて、CSS の class 属性は不要であると主...
ウェブ上の一部の画像の src または CSS 背景画像 URL の後に、data:image/pn...
今日は、タブ バーをクリックして切り替えるという目的を実現するために、js と jQuery を使用...
Apache Arrow は、BigQuery を含むさまざまなビッグデータ ツールで使用される一...
MySQL には次のログがあります。エラーログ: -log-errクエリログ: -logスロークエリ...
序文:複数の要素を格納するために、配列は最も一般的に使用されるデータ構造ですが、配列には多くの欠点も...
この記事では、マスク レイヤーの中空化を実現する 4 つの方法を紹介します。みんなと共有し、自分用の...
1. ダウンロードまず、MySQLの国内ミラーをお勧めします。特に速いわけではありませんが、それで...
目次概要延長は必要ですか?スロットJavaScript ユーティリティ関数拡張コンポーネントの複数の...
目次算術演算子異常状況1: 特殊値リテラルを含む操作異常な状況 2: 他の種類のデータが数学演算に関...
目次序文仮想リストとは何ですか?デモ効果準備スクリーンの高さとボックスの高さ最適化要約する序文人気の...
この記事では、WeChatミニプログラムのビデオ弾幕の位置をランダム化するための具体的なコードを紹介...
1. PRIMARY KEY(主キーインデックス)を追加するmysql>ALTER TABLE...
1. 必要なパッケージをダウンロードする wget -P /usr/local https://st...
1. インストール手順 Linux 環境でのローカル インストールと比較すると、Docker のイン...