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

推薦する

Web コンテンツ ページを作成するための 9 つの実用的なヒント

コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず...

Pure CSS3はdivの出入りを順番に実現します

この記事は主に、純粋な CSS3 を使用して div が順番に出入りする効果を紹介します。一定の参考...

JavaScript ES6 モジュールの詳細な説明

目次0. モジュールとは何か1.モジュールの読み込み1.1 方法1 1.2 方法2 2. 輸出と輸入...

Centos7.x での Nginx のインストール、SSL 設定、一般的なコマンドの詳細な説明

1. インストールyumを使用してインストールする ##yum nginx を自動的にインストールす...

Docker Enterprise Edition を使用して独自のプライベート レジストリ サーバーを構築する

Docker は本当に素晴らしいです。特に、仮想マシンを使用する場合に比べて、Docker イメージ...

Windows 10 で MySql の解凍バージョンをインストールして構成する方法のチュートリアル

Windows 10 で MySql データベースの解凍バージョンをインストールするステップ 1: ...

HTML 選択オプションの基本的な理解と使用

JavaScript での HTML (選択オプション) の詳細な説明1. 基本的な理解:コードをコ...

Vue+Elementでページング効果を実現

この記事の例では、ページング効果を実現するためのvue+Elementの具体的なコードを参考までに共...

VUEをベースにしたシンプルな学生情報管理システムの実装

目次1. 主な機能2. 実装のアイデア3. コードの実装4. エフェクト表示V. 結論1. 主な機能...

MySQLからデータをインポートする際の不正なフォーマット、インポートの遅延、データ損失などの問題を迅速に解決します。

遅い問題を完全に解決したい場合は、MySQL を MySQL 8.0 にアップグレードすることをお勧...

MySQL 5.7.27 のインストールと設定方法のグラフィックチュートリアル

MySQL 5.7.27のインストールチュートリアルは以下のように記録され、皆さんと共有されています...

使用したコマンドを表示するLinuxコマンドメソッドの概要

システムでは多くのコマンドが使用されていますが、使用したコマンドをどのように確認すればよいでしょうか...

SQL でテーブルにフィールドとコメントを追加する方法

1. フィールドを追加します。 alter table テーブル名 ADD フィールド名 タイプ;例...

CSS でフローティングにより親要素の高さが崩れる問題を解決するいくつかの方法

1. ドキュメントフローとフローティング1. ドキュメントフローとは何ですか? HTML では、ドキ...

MySQL統計テーブルのサイズを説明する例

各データベース内の各テーブルのサイズをカウントすることは、データ ガバナンスの最も単純な要件の 1 ...