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

推薦する

VMware ESXi CLI の一般的なコマンドを調べる

目次【共通コマンド】 [一般的な esxi コマンドの概要] [esxcli コマンドの調査] ES...

JavaScriptの基本的なインタラクションの詳細な説明

目次1. 要素の入手方法文書から入手ID取得クラス名 (className) を取得します。タグ名 ...

Vue3でアイコンを使用する2つの例

目次1. SVGを使用する2. fontAwesomeを使用する3 ソース4 結論テクノロジースタッ...

Google 翻訳ツール: 多言語ウェブサイトを素早く実装

Google Chinaは、ウェブサイトやブログを素早く簡単に多言語化できる翻訳ツールをリリースした...

JS配列ループ方式と効率分析の比較

配列メソッドJavaScript には多くの配列メソッドが用意されています。次の図は、ほとんどの配列...

設定操作からMySQLへのNULLが見つからない問題を解決する

興味深い発見:合計 1000 件のレコードを含むテーブルがあります。クエリ ステートメントは次のよう...

JS デコレータ パターンと TypeScript デコレータ

目次デコレータパターンの紹介TypeScript のデコレータデコレータの使用デコレーターファクトリ...

IE アドレスバーのアイコン表示問題を解決する 3 つの手順

<br />この Web ページ制作スキル チュートリアルは、Web サイトのアイコンを...

JavaScript のデシェイクとスロットリングの例

目次安定スロットル: 手ぶれ防止: 一定時間内に最後のタスクのみを実行します。スロットル: 一定期間...

データベースの削除から逃走までの MySQL の徹底分析_上級編 (I) - データ整合性

1. データ整合性の概要1. データ整合性の概要データの冗長性とは、データベース内に重複したデータが...

フロントエンドの状態管理(パート2)

目次1. 再出発1.1. ストア(司書) 1.2. 状態(書籍) 1.3. アクション(図書貸出リス...

JavaScriptの信頼性の低い未定義

undefined JavaScript では、値が undefined かどうかを判断したい場合は...

Windows に WSL をインストールして構成する方法

WSLとはBaidu 百科事典からの一節を引用します。 Windows Subsystem for ...

デザインにおいて無視できないインタラクティブデザインにおける製品状態の分析

製品デザインのプロセスにおいて、デザイナーは常に写真を非常に美しくすることを好みます。仮想ページのコ...

js 正確な計算

var numA = 0.1; var numB = 0.2; アラート(numA + numB)...