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 でクロスドメイン アクセスを設定する方法

推薦する

MySQL 5.6 での table_open_cache パラメータの最適化と適切な構成の詳細な説明

1. はじめにtable_cache は非常に重要な MySQL パフォーマンス パラメータであり、...

PSSHを使用してLinuxサーバーを一括管理する

pssh は、多数のマシンでのバッチ ssh 操作に使用される、Python で実装されたオープン ...

コンテンツウェブページの画像プレビューのデザイン

<br />以前、「コンテンツページ番号のプレビューナビゲーション」と「写真プレビューナ...

MySQL のクラスター化インデックスとクラスター化インデックスの成長の仕組みを理解する

このノートでは、 MySQL の B+Tree インデックスとは何ですか?クラスター化インデックスは...

HTML Web ページにおける URL の表現

HTML では、一般的な URL はさまざまな方法で表現されます。相対 URL:コードをコピーコード...

MySQL 5.7.18 バージョンの無料インストール構成チュートリアル

MySQLはインストール版と無料インストール版に分かれていますインストール版の拡張子はmsi、無料イ...

CSS はモバイル互換性の問題を解決するために 0.5px の線を実装します (推奨)

【コンテンツ】: 1.背景画像のグラデーションスタイルを使用する2. スケールを使ってズームできる...

Windows の MySQL net start mysql MySQL サービスの起動エラーが発生する システムエラーの解決

目次1- エラーの詳細2-シングルソリューション2.1-ディレクトリ C:\Windows\Syst...

Linux の cut コマンドの説明

Linux や Unix の cut コマンドは、ファイルの各行から一部を切り取って標準出力に出力す...

MySQL がタイムスタンプを使用するときにタイムゾーンの問題を無視できるのはなぜですか?

私はいつも、なぜMySQLデータベースのtimestampタイムゾーンの問題を無視できるのか疑問に思...

JSパッケージオブジェクトに関する簡単な説明

目次概要意味インスタンスメソッドプリミティブ型とインスタンスオブジェクト間の自動変換カスタムメソッド...

DockerHubイメージリポジトリの使い方の詳しい説明

これまで使用していたイメージはすべて DockerHub パブリック リポジトリから取得していました...

グローバルトーストコンポーネントをカプセル化するVueの完全な例

目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...

Ubuntu 20.04 LTS で Java 開発環境を構成する

Java開発キットjdkをダウンロードするJDK のダウンロード アドレスはhttp://www.o...

Vue 2.0 の基礎を詳しく解説

目次1. 特徴2. 例3. オプション4. 基本的な文法5. ライフサイクル6. ルーティング管理 ...