ウェブページヘッダーの最適化の提案

ウェブページヘッダーの最適化の提案

ロゴの最適化:

1.ロゴ画像はできるだけ小さくしてください。
2. 一般的には背景として配置されます。
2. 必ずh1タグを追加する(権威を高めるため)
4. 検索エンジンはテキストリンクに最も親しみやすいです。 <a href="#">123456</a>
5. text-indent:-9999em; を使用してテキストを非表示にし、display:block; を使用してブロックに変換してから、その高さを設定します (ブロック要素は親の幅のみを継承できます)
6. ユーザーエクスペリエンスを向上させるためにタイトル属性を必ず追加してください
7. ホームページのロゴは通常、sohulogo.png という名前になります。第 2 レベルのドメイン名が news.sohu.com である場合、ロゴの名前はホームページのロゴ newslogo.png と同じにしないでください。

水平メニュー:

1. ラベルを支えて所定の位置に保持します。 position:absolute では、上の値を書き込まず、左の値を書き込んで位置を調整できます。
2. ギャップは子ボックスの余白ではなく、親ボックスのパディングである必要があります。
3. 監視は、
4. クラス「回避モード」の使い方を学ぶ - 子孫セレクターは少し使いにくいので、異なるliに異なる区別を追加し、クラスを通じてスタイルを追加する必要があります。
5. エレガントなコードを追求しすぎない

上記のウェブページヘッダー最適化の提案は、編集者が皆さんと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  CSS3を使用してヘッダーアニメーション効果を作成する

>>:  Centos7 での NFS サービス構築の紹介

推薦する

HTML で js を使用してローカル システム時間を取得する

コードをコピーコードは次のとおりです。 <div id="名前"> ...

HTML の表のフレームとルール属性の詳細な説明

テーブル タグの frame 属性と rules 属性は境界線の表示を制御できます。フレーム プロパ...

Linux の Docker コンテナで bash を終了する 2 つの方法

bash を終了する場合は、次の 2 つのオプションがあります。最初のもの: Ctrl + d を押...

Vueは水平の斜めの棒グラフを実装します

この記事では、水平傾斜棒グラフを実装するためのVueの具体的なコードを参考までに共有します。具体的な...

React で Antd の Form コンポーネントを使用してフォーム機能を実装する方法

1. 構造部品1. フォームには、入力コントロール、標準フォーム フィールド、ラベル、ドロップダウン...

Linux で指定されたフォルダの各サブフォルダ内のファイル数を表示する

カウントスクリプト #!/bin/sh 引数の数=$# [ $numOfArgs -ne 1 ]の場...

Node.js コード実行をバイパスするためのヒントのまとめ

目次1. 子プロセス2. nodejsでのコマンド実行2.1 16進数エンコード2.2 ユニコードエ...

DockerコンテナがJupyterにアクセスできない問題の解決策

このプロジェクトでは、環境を構築するために Docker コンテナを使用します。Dockerfile...

vue-cli の紹介とインストール

目次1. はじめに2. vue-cli の紹介2.1 コマンドライン2.2 CLI サービス2.3 ...

MySQL 5.7.20 圧縮版のダウンロードとインストールの簡単なチュートリアル

1. ダウンロードアドレス:参考: http://dev.mysql.com/downloads/m...

ウェブページ制作でウェブフォントファイルにベクターアイコンを追加する方法

ご存知のとおり、コンピューターには 2 種類の画像があり、1 つはビットマップ、もう 1 つはベクタ...

mysql のファイル mysql-bin.000001 とは何ですか? 削除できますか?

ポートを使用して MySQL をインストールした後、しばらくすると /var の容量が不足しているこ...

MySQL トランザクション分離レベルとロックメカニズムの問題に関する深い理解

概要データベースは通常、複数のトランザクションを同時に実行します。複数のトランザクションが、同じデー...

vue-cli4.5.xはプロジェクトを素早く構築します

1. vue-cliをインストールする vue.js で vue.js を実行します。 2. プロジ...

インタビューの質問: ホーリー グレイル レイアウトとダブル ウィング レイアウトの違い

序文今日は、聖杯レイアウトとダブルウィングレイアウト、そしてそれらの違いについてお話しします。この2...