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

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

ロゴの最適化:

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 サービス構築の紹介

推薦する

Vue は better-scroll を使用して水平スクロール方法の例を実現します

1. スクロールの実装原理better-scroll のスクロール原理は、ブラウザのネイティブスクロ...

Ubuntu 14 に Nginx-RTMP ストリーミング サーバーをインストールするチュートリアル

1. RTMP RTMP ストリーミング プロトコルは、Adobe が開発したリアルタイムのオーディ...

Vue 親コンポーネントが子コンポーネント関数の実装を呼び出す

Vue親コンポーネントは子コンポーネントの関数を呼び出す親コンポーネントはイベントを通じて子コンポー...

Vue の高度な構築プロパティの詳細な説明

目次1. ディレクティブカスタムディレクティブ2. ミックスイン3. 継承を拡張する4. 提供して注...

MySQL ページング分析の原理と効率改善

MySQL ページング分析の原理と効率改善PERCONA PERFORMANCE CONFERENC...

DOCTYPEタイプの詳細な紹介

<br />通常、HTML では次の方法で DOCTYPE を宣言します。 <!D...

ウェブ計算機を実装するためのjs

HTML、CSS、JS を使用してシンプルな Web 計算機を作成する方法は?コンピュータには次の...

時点に基づくMySQLクイックリカバリソリューション

なぜこのような記事を書いたかというと、数日前の夜、仕事が終わろうとしていたときに、業務側で突然、テー...

MySQL に IP アドレスを効果的に保存する方法と、文字列 IP と数値を変換する方法の詳細な説明

High Performance MySQL バージョン 3 (セクション 4.1.7) を見ると、...

JavaScript で配列の変更を監視する方法

序文以前、defineProperty を紹介したとき、オブジェクトの変更のみを監視でき、配列の変更...

フロントエンドの vue+express ファイルのアップロードとダウンロードの例

新しいserver.jsを作成する糸初期化 -y 糸を追加エクスプレスノードモン -D var ex...

MySQL の一般的な SQL ステートメントの概要

1. mysqlエクスポートファイル: SELECT `pe2e_user_to_company`....

SQL実行ステップの詳細な分析

SQL実行ステップの詳細な分析まず、ステートメントが実行される順序を見てみましょう。 (8)選択する...

MySQLのネストされたトランザクションで発生する問題

MySQL はネストされたトランザクションをサポートしていますが、それを実行する人は多くありません....

Docker を使用した Laravel アプリケーションのデプロイ例

この記事で使用されているPHPベースイメージはphp:7.3-apacheです。この記事の Lara...