マップタグパラメータの詳細な紹介と使用例
|
マップ タグはペアで表示する必要があります。 <map> ....</map> 同時に、マップはエリアと組み合わせて使用する必要があります。 img タグ内の usermap 属性値は、map タグ内の id および name 値とまったく同じである必要があります。 area タグ: 画像のクリック領域を定義します。area はペアではなく単一のタグです。 財産： アクセスキー ショートカットキー alt 画像ヒントテキスト coordsはグラフィックとクリック領域の座標を定義します href リンクアドレス nohrefは画像をクリックしたときに除外できる領域です。hrefがない場合はnohrefを使用する必要があります。 形状 クリック可能な領域の形状 tabindex タブキートラバーサル ターゲットリンクターゲット コード例: コードをコピー コードは次のとおりです。<img src="images/logo.gif" usermap="#map"/> <マップ id="マップ" 名前="マップ"> <area shape="rect" coords="a,b,c,d" target="_blank" href=""/> <!-- a、b、c、d はそれぞれ四角形の左上隅と右下隅の座標値です!> <area shape="circle" coords="a,b" target="_blank" href="" /> <!-- a、bは円の中心の座標値です!> <area shape="poly" coords="a,b..." target="_blank" href="" /> <!-- a、b はポリゴンの各固定点の座標値です!> </マップ> |
<<: MySQL 数十億のデータのインポート、エクスポート、移行に関するメモ
>>: IDEA が Docker を統合してリモート展開を実現するための詳細な手順
推薦する
jQuery を使用してカルーセル効果を実装する
この記事では、jQueryでカルーセルチャートを実装するための具体的なコードを参考までに共有します。...
JS を使用して Web ページのウォーターフォール レイアウトを実装する方法
目次序文：ウォーターフォールレイアウトとは何ですか?達成方法: 1. 画像を取得する2. 画像の帯域...
iframe を使用して Web ページに天気の影響を表示します
CS: ...コードをコピーコードは次のとおりです。 *{マージン:0;パディング:0;リストスタイ...
MySQL にテキストと画像を保存する方法
Oracle の大きなテキスト データ型 Clob 長いテキスト型 (MySQL ではサポートされて...
MySQL 操作: JSON データ型の操作
前回の記事では、MySQL データ保存手順パラメータの詳細な例を紹介しました。今日は、JSON デー...
MySQL 8.0.21 のインストールと設定方法のグラフィックチュートリアル
MySQL 8.0.21のインストールと設定方法を記録してみんなで共有します。 1. ダウンロード1...
JavaScript ES6 分割演算子の理解と応用
目次序文脱構築記号の役割使い方分割割り当ての適用アプリケーションの簡単な紹介JSONデータを抽出する...
フォームデータを取得するための Node.js メソッドの 3 つの例
序文Nodejs はサーバーサイド言語です。開発中、登録やログインなどでは、判断のためにフォームを通...
Linux で MySQL のルート パスワードを変更する方法
序文このサービスは数か月前からMySQLに導入されています。私の仕事は基本的にターミナルで行われるた...
Vueカスタムコンポーネントは双方向バインディングを実装します
シナリオ：一般的に使用される親コンポーネントと子コンポーネント間の相互作用方法は次のとおりです。親コ...
Typescriptを使用してWeChatミニプログラムを開発するための詳細な手順
Typescript の利点については詳しく説明する必要はありません。ご興味があれば、(https:...
koa2 サービスに SSL を設定する方法
I. はじめに1: SSL証明書私のドメイン名は Tencent Cloud にあります。第 3 レ...
MySQL スケジュールバックアップタスクの簡単な分析
導入実稼働環境では、データの損失を回避するために、通常、データベースは定期的にバックアップされます。...
シームレスなカルーセル効果を実現するネイティブ js
参考までに、ネイティブjsでカルーセル効果（シームレススクロール）を実現しています。具体的な内容は以...
MySql ビュー トリガー ストアド プロシージャの詳細な説明
ビュー：一時テーブルを繰り返し使用する場合、将来の使用を容易にするために別名を付けることができます。...