ハイパーリンクのWebデザイン原則

ハイパーリンクのWebデザイン原則
<br />関連記事: Web コンテンツ ページ作成のための 9 つの実用的なヒント、Web ページ デザインのための 4 つの実用的なヒント、Web ページ レイアウトのための 9 つのヒント、Web ページ作成のための HTML 形式と長いファイルに関するヒント<br />リンク1. エントリ ポイントとして美しいホームページを作成したとしても、他の人はあなたの傑作の中に特定のポインタやサブページへのリンクを提供する場合があります。新しい訪問者に、彼らがどこにいて、なぜここにいるのかという手がかりを与えるのは理にかなっています。
2. 全体を通してナビゲーション アイコンを使用します (特に「ホームに戻る」リンク)。たとえば、各ページの上部 (または下部) には小さなアイコンの列があり、最初のアイコンはホームページに戻り、2 番目のアイコンは章に戻り、3 番目のアイコンはセクションに戻ります。
3. 訪問者がページを行き来できるように、ページ上にいくつかのリンクを配置する必要があります。読者がリンクの場所と使用方法を常に把握できるように、すべてのページにこれらのリンクを常に同じ形式で配置します。
4. 一般的には、相対リンクを使用する必要があります。
5. 直接関係のないファイルにリンクする場合は絶対パスを使用します。
6. オプションのリンクが明確で直感的であることを確認します。タイトルまたは明らかに関連性のある画像を使用して、リンクの内容を示します。リンクの名前をリンクの URL と同じにしないでください。これにより、読者の作業が増えます。

<<:  CSS を使用して 3 つのステップでショッピング モールのカード クーポンを作成する

>>:  VMware + Ubuntu18.04 による Hadoop クラスタ環境の構築に関するグラフィック チュートリアル

推薦する

Docker ネットワークの原理とカスタム ネットワークの詳細な分析

Docker はホストマシン上のブリッジを仮想化します。コンテナを作成して起動すると、各コンテナには...

CSS3 FlexBox の伸縮自在なレイアウトを 10 分で理解する

基本的な紹介特徴Flexbox は、よりシンプルで効率的なレイアウト方法を提供する CSS 表示タイ...

Win10 インストール Linux システム チュートリアル ダイアグラム

Windows システムに仮想マシンをインストールするには、 VMware Workstationソ...

適応レイアウトの処理について(フロートとマージンネガティブマージンを使用)

適応型レイアウトは、実際のアプリケーションでますます一般的になっています。今日は、主にフローティング...

JavaScript での HTML キャンバスとページ ストレージ テクノロジの使用に関する詳細な説明

目次1. JavaScriptはHTMLでキャンバスを使用する2. ページストレージ技術1. Jav...

ソフトウェア テスト - MySQL (VI: データベース関数)

1.MySQL関数1. 数学関数PI() # 円周率 (pi) の値を返します。デフォルトの小数点...

MySQLの半同期の詳細な説明

目次序文MySQL マスタースレーブレプリケーションMySQL でサポートされているレプリケーション...

Navicat Premium15 でクラウド サーバーに接続する際のデータベースの問題と落とし穴

クラウドサーバーを使用するとデータベースに接続できる場合もありますが、Navicat Premium...

Navicat がデータベース データ構造をインポートする際に発生するエラー datetime(0) の SQL レポートの問題を解決します。

エラー発生: MySQL 5.7 から SQL にデータベースをエクスポートし、それを MySQL ...

ログインスライダー検証を実装するJavaScript

この記事では、ログインスライダー検証を実装するためのJavaScriptの具体的なコードを参考までに...

円形グラデーションプログレスバー効果を実現する CSS サンプルコード

実装のアイデア一番外側は大きな円(グラデーションカラー)グラデーションの円を覆うように、内側に半円を...

Linux 上でプロジェクトをリリースするために Tomcat を展開するプロセスにおけるさまざまな問題と解決策

プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...

テキストエリアのテキストをHTMLに変換する方法、つまり復帰改行について

説明: テキストエリアの値の改行を新しい行に変更しますコードをコピーコードは次のとおりです。 <...

IE6/7 で絶対配置された要素が不可解に消えたりブロックされたりする問題を解決する方法

1. 絶対配置レイヤーの隣接フローティング レイヤーの幅が親レイヤーの幅と等しくなく、フロートがクリ...

Dockerを使用してMySQL 8.0をデプロイする方法の例

1. 公式サイトを参照してdockerをインストールする2. MySQLイメージをプルします(デフォ...