Web page header optimization suggestions

Logo optimization:

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

Horizontal Menu:

1. Support the label and keep it 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 class
5. Don’t pursue elegant code too much

The above web page header optimization suggestions are all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.