ホームページ > 記事 > ウェブフロントエンド > Webページヘッダーの最適化
ロゴの最適化:
1. ロゴ画像をできるだけ小さくします。
2. 通常、背景として配置されます。
2. h1 タグを必ず追加します (拡張)
4. 検索エンジンはテキスト リンクに最も適しています。 123456
5. text-indent:-9999em; を使用してテキストを非表示にし、display:block; を使用してその高さを設定します。ブロック要素は親の幅のみを継承します)
6. ユーザーエクスペリエンスを向上させるために、必ず title 属性を追加してください
7. 第 2 レベルのドメイン名がある場合、ホームページのロゴは通常 sohulogo.png という名前になります。 .sohu.com のロゴは、ホームページのロゴ、newslogo.png と同じであってはなりません。
水平メニュー:
1. マークをドラッグしてその場に留まります。 Position:absolute、上の値を書き込まないでください。左の値を書き込んで位置を調整できます。
2. ギャップは子ボックスのマージンではなく、親ボックスのパディングである必要があります。
3. モニタリングは、クラス「回避モード」の使用を学ばなければなりません - 私たちの子孫が選択します。このツールは少し使いにくいので、異なる li に異なる区別を追加し、クラスを通じてスタイルを追加するだけです
5. エレガントなコードを追求しすぎないでください