Web page header optimization

Logo optimization:
1. The logo image should be as small as possible.
2. Generally, it is placed as a background.
2. Definitely add h1 tag (increase authority)
4. Search engines are most friendly to text links. 123456
5. You can use text-indent:-9999em; to hide the text, then display:block; convert it to a block, and then set its height (block elements only Can inherit the width of the parent)
6. Be sure to add the title attribute to a to improve user experience
7. The homepage logo is usually named sohulogo.png. If there is a second-level domain name news.sohu.com, the logo is not required. Give it the same name as the homepage logo, newslogo.png.

Horizontal menu:
1. Hold the mark and stay in place. position:absolute, do not write the top value, you can write the left value to adjust the position.
2. The gap must be the padding of the parent box, not the margin of the child box
3. The monitoring must be on li, not on a
4. Learn to use class "avoidance mode" --Our descendant selector is a bit difficult to use, so we need to add different distinctions to different li and add styles through classes
5. Don’t pursue elegant code too much