header标签有什么用？网页页眉如何设置？

哎，说到header标签啊，我以前就吃过这方面的亏。
记得那会儿我刚开始做网站，对HTML5 还不太熟悉，就是随便弄了个header标签，没认真规划里面的内容布局。
结果呢，页面看起来乱糟糟的，还影响到了用户体验。

那时候，我在一家小公司做网站，项目还挺急的，老板催得紧。
我就随便弄了个header，放了个网站的logo，然后加了个导航菜单。
也没想那么多，觉得反正就是个页眉嘛，简单搞搞就得了。

结果上线后，用户反馈说导航菜单不好找，页面结构也不清晰。
我一看，确实，header里的内容布局太随意了，没有利用好header标签的语义化功能。
后来我花了好多时间回去改，把header标签里的内容重新规划了一下，还加了个搜索框，页面才看起来顺眼多了。

后来我再接项目，就会特别注意header标签的使用。
我记得有一次，我帮一个朋友的公司做网站，他是个SEO专家，特别强调要利用好header标签来优化SEO。
我就按照他的建议，在header里放了网站的名称和主要的导航链接，还把搜索框的位置调整了一下，方便用户操作。

现在想想，那个header标签还真是个宝。
不仅能让页面结构更清晰，还能提高用户体验，对SEO也有好处。
以前真是不懂这些，瞎搞一气。
现在明白了，做网站还得讲究方法和技巧，不能光凭感觉。
哈哈，就说到这儿吧，以后再聊其他方面的经验。

HTML文档的常见标签是什么？如何打开HTML文件？

HTML标签分五类：
结构性标签： ：根元素。
<head>：元数据区。
<body>：可见内容区。

HTML5 语义化标签：
：页眉。