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

推薦する

HTML 左、中央、右の適応レイアウト (calc css 式を使用)

最新の HTML 標準には、レイアウトを計算するために使用できる calc CSS 式があります。し...

Linux で特定のユーザーにフォルダーのすべてのコンテンツを許可するにはどうすればよいですか?

【問題分析】 chown コマンドを使用できます。ここで ch は change (変更) を表し...

MySQL binlog の使用方法の詳細な説明

binlog は、MySQL のすべての DML 操作を記録するバイナリ ログ ファイルです。 bi...

ネイティブ js が携帯電話のプルダウン更新を模倣

この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...

Jenkins+Docker継続的インテグレーションの実装

目次1. Jenkinsの紹介2. Jenkinsをインストールしてデプロイする1. 環境情報2. ...

モバイルデバイスでのフリーズ問題に対する CSS3 ソリューション (アニメーション パフォーマンスの最適化)

1. CSS、jQuery、Canvasを使用してアニメーションを作成する1. キャンバス利点: ...

IE ラベル LI テキスト折り返し問題について

私は長い間この問題に悩まされていましたが、検索してみたところ、実際にこの問題を解決した人がいることが...

リバースプロキシ設定を実装するためのユニバーサルnginxインターフェース

1. プロキシサーバーとは何ですか?プロキシ サーバーは、クライアントが要求を送信すると、それを直接...

JSX を使用してカルーセル コンポーネントを実装する方法 (フロントエンドのコンポーネント化)

JSX を使用してコンポーネント システムを構築する前に、例を使用してコンポーネントの実装原理とロ...

HTML 基本コントロール入門_PowerNode Java アカデミー

<input> タグ<input> タグはユーザー情報を収集するために使用さ...

SpringBootはActiviti7実装コードを統合する

Activiti7 の正式リリース以降、SpringBoot2.x との統合開発を全面的にサポートし...

EasyUEFI を使用して Windows 10 で USB ドライブなしで Ubuntu 18 をインストールする

1. BIOSを確認するまず、コンピュータの起動モードを確認します。win+R と入力し、msinf...

VMware での Ubuntu Docker のインストール (コンテナ構築)

1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...

クールな充電アニメーションを実現する純粋なCSS

CSS のみを使用してどのような充電アニメーション効果を作成できるかを見てみましょう。バッテリーを...

CSS クロスブラウザ スタイルのバグのデバッグについて

まず最初に、適切なブラウザを選択します。私が Chrome を選択したのは、その強力なデバッグ ツー...