HTMLエリアタグの詳しい説明

HTMLエリアタグの詳しい説明

<area> タグは、イメージ マップ内の領域を定義します (注: イメージ マップはクリック可能な領域を持つ画像です)。

area 要素は常に <map> タグ内にネストされます。

注: <img> タグの usemap 属性は、<map> 要素の name 属性に関連付けられ、画像とマップの間にリンクを作成します。 <img> の usemap 属性は、<map> の id 属性または name 属性のいずれか (ブラウザーによって決定) を参照できるため、<map> に id 属性と name 属性の両方を追加する必要があります。

プロパティ値:

href : リンクをクリックするとそのエリアに移動します。 alt: 画像が正常に表示できない場合に表示されるメッセージ。

形状と座標:

1. 距離形状: (左上の頂点の座標は (x1, y1)、右下の頂点の座標は (x2, y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2. 円: (中心座標は (X1, y1)、半径は r)

<area shape="circle" coords="x1,y1,r" href=url>

3. 多角形: (各頂点の座標は (x1, y1)、(x2, y2)、(x3, y3)...)

 <area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

要約する

上記は、エディターが導入した html area タグの詳細な説明です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  水平スクロールバーを実装する2つの方法の例

>>:  クラウド サーバーを使用して CentOS システムに .NET 6.0 をインストールする

推薦する

Linux でスペースを含むファイルを削除する (ディレクトリではない)

日常業務では、スペースのないファイルに遭遇することがよくあります。これにより、削除操作がはるかに簡単...

MySQL 5.7.18 Green Edition のダウンロードとインストールのチュートリアル

この記事では、MySQL 5.7.18のグリーンバージョンをダウンロードしてインストールする詳細な手...

位置のいくつかの巧妙な応用の詳細な説明:sticky スティッキーポジショニング

背景: position:sticky はスティッキー配置とも呼ばれます。スティッキー配置の要素は、...

HTML webpackプラグインの使用に関する簡単な分析

html-webpack-pluginプラグインを使用してページを開始すると、htmlページをメモリ...

VueとVueComponentの関係の詳細な説明

次のケースでは、これまでに学んだプロトタイプチェーンの知識ポイントを確認します。 // コンストラク...

Linux での Nginx アンチホットリンクと最適化の実装コード

バージョン番号を非表示バージョン番号は非表示になっていません。セキュリティを強化するために、バージョ...

レスポンシブ Web デザインが価値のない 5 つの理由

この記事は Tom Ewer の Managewp ブログからのもので、現在人気のレスポンシブ デザ...

MySQL の集計関数 count の使用法とパフォーマンスの最適化テクニック

この記事の環境はWindows 10、MySQLのバージョンは5.7.12-logです1. 基本的な...

Web ページ WB.ExecWB 制御印刷メソッド呼び出しの説明とパラメータの紹介

WebページWB.ExecWB制御印刷方法コードをコピーコードは次のとおりです。 <テーブルの...

Linux での MySQL 5.1 および 5.7 のインストール チュートリアル

以下のコンテンツのオペレーティング システムは次のとおりです: Centos 6.7 yum で M...

Linux にバイナリ MySQL をインストールして MySQL パスワードをクラックする方法

1. システムに必要な libaio ソフトウェアがインストールされていることを確認します。インスト...

Vueログイン機能の実装

目次前面に書かれたログインの概要ログインビジネスプロセスログインサービスの関連技術ポイントログイント...

CD コマンドを使わずに Linux でディレクトリ/フォルダに入る方法

ご存知のとおり、cd コマンドがないと、Linux でディレクトリを切り替えることはできません。それ...

MySQL データベースの制約とデータ テーブルの設計原則

目次1. データベースの制約1.1 はじめに1.2 制約の種類1.3 ヌルでない1.4 ユニーク1....

Vue のグローバル ウォーターマーク実装例

目次1. 透かしのJsファイルを作成する2. 導入操作2.1 App.vueや他のページでの参照2....