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

推薦する

Vue Element UIの使用時に遭遇した問題をまとめる

目次1. DateTimePickerの日付選択範囲は現在時刻とそれ以前です2. DateTimeP...

MySQL の where と on の違いと、いつ使用するか

以前、テーブル結合クエリを書いていたとき、whereとonの違いがわからず、SQLに小さな問題が発生...

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

この文書はMySQL Server 8.0.3のインストールと設定方法を参考のために記録したものです...

CentOS7環境にMySQL5.5データベースをインストールする

目次1. 現在のシステムにMySQLがインストールされているかどうかを確認する2. インストールされ...

MySQLテーブルシャーディングとパーティショニングの具体的な実装方法

縦型テーブル垂直テーブル分割とは、多数の列を持つテーブルを複数のテーブルに分割することを意味します。...

HTML メタの説明

導入メタタグは、HTML言語のHEAD領域にある補助タグです。 meta は、ページの説明、キーワー...

Dockerイメージのエクスポートとインポート操作

基本イメージが以前に構成されていて、これらのイメージが他の場所でも必要な場合はどうなりますか?回答:...

MySQL で珍しい文字を挿入できないときの対処方法 (文字列値が正しくない)

最近、ビジネス側から、一部のユーザー情報の挿入に失敗し、エラー メッセージが「不正な文字列値:&qu...

Elasticsearch を使用する際の一般的な問題の解決策

1. redis で使用すると Netty の起動競合が発生するため、***Application ...

SQLは、隣接する2行のデータに対して加算、減算、乗算、除算の演算を実行します。

SQL は、データを特定の順序で並べ替え、特定のフィールドでグループ化した後、隣接する 2 つのデ...

Node.js を使用して png 画像に透明なピクセルがあるかどうかを判断する方法

背景PNG 画像は jpg 画像よりも多くのストレージスペースを占有しますが、PNG 画像の品質は大...

MySQL ログトリガー実装コード

SQL文 ドロップトリガー もし sys_menu_edit が存在します。 各行のsys_menu...

MySQL Undo ログと Redo ログの概要

目次元に戻すログUNDOログの生成と破棄UNDOログの保存元に戻すログ機能トランザクションの原子性の...

CentOS IP接続ネットワーク実装プロセス図

1. システムにログインし、ディレクトリに入ります: cd /etc/sysconfig/netwo...

Keras を使って SQL インジェクション攻撃を判断する (例の説明)

この記事では、ディープラーニングフレームワーク keras を使用して、SQL インジェクションの特...