マップタグパラメータの詳細な紹介と使用例
|
マップ タグはペアで表示する必要があります。 <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 を統合してリモート展開を実現するための詳細な手順
推薦する
nginx-ingress-controller ログ永続化ソリューションのソリューション
最近、nginx-ingress-controller のアプリケーションについて説明した公開アカウ...
HTML ウェブページのメタビューポート属性の説明
HTML メタビューポート属性の説明ビューポートとはモバイル ブラウザは、Web ページを仮想の「ウ...
Centos7 に Nginx 統合 Lua サンプル コードをインストール
序文私が使用しているパソコンはMacで、OSはmacOS Mojaveです。コンピュータに仮想マシン...
Windows で mysql 8.0.12 をインストールするための詳細なチュートリアル
この記事では、MySQL 8.0.12のインストール方法に関する詳細なチュートリアルを参考までに紹介...
Tomcat Nginx Redis セッション共有プロセス図
1. 準備ミドルウェア: Tomcat、Redis、Nginx Jar パッケージ: commons...
jQueryはクッキーを操作する
コードをコピーコードは次のとおりです。 jQuery.cookie = 関数(名前、値、オプション)...
Linux でテキストから改行文字を削除する方法
復帰文字 ( Ctrl+M ) に不安を感じても心配しないでください。それらを排除する簡単な方法がい...
Centos7.6にTomcat-8.5.39をインストールする方法
Centos7.6 に Tomcat-8.5.39 をインストールする方法は次のとおりです。詳細は次...
すべてまたは逆の選択機能を実現するJavaScript
この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...
HTML+CSS3+JSで実装されたドロップダウンメニュー
成果を達成する html <div class="コンテナ"> &l...
HTMLの基本タグと構造の詳細な説明
1. HTMLの概要1.HTML: ハイパーテキスト マークアップ言語。これはプログラミング言語では...
HTMLでカメラを読み込む方法
効果図: 全体的な効果: ビデオ読み込み中: 写真：ステップ1: HTML要素を作成するまず、HTM...
PSを使用して2分でxhtml+cssウェブサイトのホームページを作成します
xhtml+css のウェブサイト再構築、ウェブ標準などについては、記事が多すぎるので繰り返しません...
MySQLにおける(JOIN/ORDER BY)文のクエリ処理と最適化方法
EXPLAIN ステートメントは、MySQL クエリ ステートメント プロセスと EXPLAIN ス...
スネークゲームのアイデアを実現するためのJavaScript
JavaScriptゲームSnakeの実装アイデア（完全なコード実装）を参考までに説明します。具体...