ホームページ  >  記事  >  ウェブフロントエンド  >  Webページヘッダーの最適化

Webページヘッダーの最適化

WBOY
WBOYオリジナル
2016-07-06 13:28:171519ブラウズ

ロゴの最適化:
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. エレガントなコードを追求しすぎないでください

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。