マップタグパラメータの詳細な紹介と使用例
|
マップ タグはペアで表示する必要があります。 <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 を統合してリモート展開を実現するための詳細な手順
推薦する
純粋な CSS3 でペットの鶏のサンプルコードを実現
最近、CSS3に関する知識や記事をたくさん読んできましたが、CSS3はとても便利に使えると思います。...
WeChatアプレットはユーザーログインモジュールサーバーの構築を実装します
サーバーの構築には node.js を選択しました。まだインストールしていない方は、私の他の nod...
CSS が初期読み込み時の白い画面の時間に与える影響
外部 CSS ファイルを使用したレンダリング パイプライン上図では、HTML データの要求から DO...
VueはElementUIのフォームサンプルコードを模倣する
実装要件ElementUI を模倣したフォームは、インデックス コンポーネント、Form フォーム ...
IE、Firefox、Chromeブラウザではスペースの表示が異なります
IE、Firefox、Chrome ブラウザでの表示効果は、...
WeChatアプレットwebViewにH5を埋め込む方法の例
序文WeChat ミニプログラムは新しいオープン機能を提供します!ついにミニプログラムにHTMLペー...
ドロップダウンメニューを実現するためのHTML+CSS
1. ドロップダウンリストの例コードは次のとおりです。 <!doctypehtml> ...
最も単純な ErrorBoundary コンポーネントをカプセル化して、React 例外を処理する
序文React 16から、子コンポーネントで発生したエラーを捕捉し、エラーログを記録し、ダウングレー...
MySQL 8.0.13 のインストールと設定のグラフィックチュートリアル
Msyqlデータベースのインストール、参考までに具体的な内容は次のとおりです。 ①ブラウザでhttp...
Centos7 での DNS サーバーの構築の概要
目次1. プロジェクト環境: 2: DNSサーバーの設定i: 前方解析を構成する: ii: 逆解像度...
優れたHTML印刷コードがページめくりをサポート
ylbtech_html_print HTML 印刷コード、ページめくりをサポートコードをコピーコー...
ie8/ie9/ie10/ie11 chrome firefox を区別するための CSS コード
ウェブサイトの互換性のデバッグは本当に面倒です。今日のウェブサイト デザイナーは、以前よりもはるかに...
Vueアイコンセレクターのサンプルコード
出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...
nginx 設定ファイルで環境変数を使用する方法
序文Nginx はパフォーマンスを重視して設計された HTTP サーバーです。Apache や li...
JSで実現したページサイドバーの効果に関する研究
目次発見: ディスプレイアニメーションの応用実装：記事の1行目を表示する効果を実現する方法実際、その...