Web デザインにおける HTML フォーマットと長いファイルに関するヒント

Web デザインにおける HTML フォーマットと長いファイルに関するヒント
<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案、Web ページ デザインに関する 4 つの実用的な提案、Web ページ レイアウトに関する 9 つの提案、 HTML 形式1. クロス タグは避けてください。ブラウザによってクロスタグに対する反応は異なります。
2. インターレース GIF と Jpeg を使用します。インターレース画像は段階的に表示されるため(最初は非常に低い解像度で表示され、その後徐々に解像度が高くなっていき、最終的には通常の解像度に達する)、大きな画像の方が読み込みが速いように見えることがあります(実際にはそうではありませんが、便利な錯覚です)。これにより、読者は読み込み中に画像がどのように見えるかを確認しやすくなるため、画像が気に入らない場合や見たくない場合は、送信を中断したり、他の場所に移動したりすることができます。
3. HTML 要素にリンクを埋め込むことはできますが、逆にタイトルやその他の HTML 要素にリンクを埋め込むことはできません。
長い文書1. 読者が長い文書を閲覧するときに、ブラウザのスクロール バーを少し動かしてもページが大きく移動しないことを確認します。経験則として、スクロール バーを 1 回押すと 1 ページ未満移動し、前のウィンドウの内容の一部がまだ表示されます。
2. それ以外の場合は、長いファイルを複数のサブファイルに分割し、ホームページ上でリンクします。ただし、子ページはデッド ページになる可能性があることに注意してください。ヒット率が 10% 未満になる場合もあります。賢く行動して、読者にサブページを読み込む十分な理由や、サブページを閲覧する十分な理由を与えましょう。
3. ページ数が多い場合は、ホームページにコンテンツ リストまたはディレクトリを提供するのが当然良いアイデアです。通常の退屈で堅苦しいツリー レイアウトではなく、興味をそそるレイアウトにして、読者がリンクをたどる理由を与え、そうでなければ見られないコンテンツを理解できるようにします。
4. すべてのコンテンツを 1 つのファイルにまとめる必要がある場合は、目次を使用し、目次から各セクションの先頭に直接ジャンプします。あるいは、ダウンロード時間を最小限に抑えるために、すべての書式設定文字を削除した別のテキスト ファイルをダウンロード用に提供することをお勧めします。

<<:  JS でカルーセル効果を実現する 3 つの簡単な方法

>>:  IIS web.config でクロスドメイン アクセスを設定する方法

推薦する

Ubuntu の仮想環境に Django をインストールする方法

Ubuntu コマンドライン ウィンドウで次の操作を実行します。 1. 仮想環境をインストールする...

MySQL の on と where における左結合設定条件の使用法の違いの分析

この記事では、MySQL の左結合における on 条件と where 条件の使用法の違いを例を使って...

Vue で AES.js を使用する詳細な手順

AES暗号化の使用データ転送の暗号化と復号化処理 --- AES.js最初のステップ: vue に ...

Linuxサーバー間のリアルタイムファイル同期の実現

使用シナリオ既存のサーバー A と B の場合、サーバー A の指定されたディレクトリ (たとえば、...

Zabbixを使用してOracleテーブルスペースの操作プロセスを監視する

0. 概要Zabbix は非常に強力なオープンソースの監視ツールです。以下では、Zabbix がテー...

Reactはラジオコンポーネントのサンプルコードを実装します

この記事の目的は、最も明確な構造を使用していくつかのコンポーネントの基本機能を実装することです。皆さ...

JavaScript カスタム カレンダー効果

この記事では、JavaScriptカスタムカレンダーエフェクトの具体的なコードを参考までに紹介します...

MySQLの文字セット設定を5分で理解しましょう

目次1. コンテンツの概要2. 文字セットと文字順序の概念と関係3. MySQL でサポートされてい...

PIP で docker-compose をインストールする際のタイムアウト問題の解決方法

1: インストールコマンドpip install docker-compose例外情報socket....

Linux で圧縮ファイルの内容を表示する 10 の方法 (要約)

一般的に、アーカイブされたファイルや圧縮されたファイルの内容を表示するには、まず解凍してから表示する...

HTML におけるメタの役割について (インターネットから収集および分類)

W3Cschoolではこのように説明しています<meta> 要素は、検索エンジン向けの説...

Centos8 に nginx をインストールするための詳細なチュートリアル (画像とテキスト)

Nginx (「エンジン エックス」と発音) は、インターネット上の最大規模のサイトの負荷を処理す...

JS関数の継承について学ぶ記事

目次1. はじめに: 2. プロトタイプチェーン継承: 3. コンストラクタ継承の借用(オブジェクト...

MySQL 8.0.11 圧縮バージョンを Windows 10 にインストールするための詳細なチュートリアル

最近コンピュータを再インストールした後、最新バージョンのみをインストールするという強迫観念に基づいて...

きれいなJavaScriptコードの書き方を教える記事

目次1. 変数意味のある名前を使う不必要なコンテキストを追加しないようにするハードコードされた値を避...