ハイパーリンクの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 クラスタ環境の構築に関するグラフィック チュートリアル

推薦する

JavaScript のクロージャの詳細な説明

導入クロージャは JavaScript の非常に強力な機能です。いわゆるクロージャは関数内の関数です...

フロントエンドインタビューに必要なホモロジーとクロスドメインの詳細な説明

序文ご存知のとおり、ブラウザの相同性戦略とクロスドメイン方式も、フロントエンド面接で頻繁に遭遇する問...

SELinux 入門

カーネル 2.6 の時代には、アクセス制御セキュリティ ポリシーのメカニズムを提供するために新しいセ...

Windows で virtualenv を使用して仮想環境を作成する方法 (2 つの方法)

オペレーティング システム: windows10_x64 Python バージョン: 3.6.8仮想...

jsはカスタムドロップダウンボックスを実装します

この記事の例では、カスタムドロップダウンボックスを実装するためのjsの具体的なコードを参考までに共有...

ナビゲーションバーのドロップダウンメニューのサンプルコードを実装するためのHTML+CSS

効果コード内の画像は自分で変更できますドロップダウンメニューのHTMLコード <ヘッダークラ​...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...

Vueのメソッドとプロパティの詳細な説明

Vueのメソッドとプロパティ1. 方法使用法 1メソッド: {メソッド名: function(){}...

Mysql でよく使用される時間、日付、変換関数の概要

この記事では、主に実際のアプリケーションでよく使用されるMySQLの時刻と日付、および変換関数につい...

MySQL の current_timestamp の落とし穴とその解決策を共有する

目次MySQL の current_timestamp の落とし穴エラーを報告する私の解決策mysq...

Web ページの HTML コードの説明: 順序付きリストと順序なしリスト

このセクションでは、HTML のリスト要素について学習します。リストは、Web サイトのデザインにお...

MySQL truncate table ステートメントの使用

Truncate table ステートメントは、テーブル内のすべてのデータを削除/切り捨てるために使...

jsはウォーターフォールフローのボトムアウトによるデータの動的ロードを実現します

この記事では、ウォーターフォールフローが底に達したときにデータを動的にロードするためのjsの具体的な...

CentOS7にNginxをインストールして自動起動を設定する方法

1.公式サイトからインストールパッケージをダウンロードするhttp://nginx.org/en/d...