header nav footer
这三个标签负责页面骨架的固定区域：<header> 是介绍性区域，通常放 Logo、站名、搜索框，注意它不是"页头"专用——文章卡片顶部也可以有自己的 header；<nav> 包裹"主要导航链接组"，比如顶部菜单、面包屑，不是所有链接堆都要塞进 nav；<footer> 是页脚，放版权、备案号、友情链接。
用语义标签替代 <div class="header"> 这类写法，最直接的收益是屏幕阅读器能识别"地标区域"（landmark），用户可以按键直接跳到导航或页脚；其次是代码自解释，半年后回来维护不用猜。
本节要点header 放介绍性内容、nav 只包主要导航组、footer 放收尾信息；它们都可以在页面出现多次（如每篇文章各自的 footer）。
HTML
<header> <h1>前端Wiki</h1> <p>面向零基础的前端教程站</p> </header> <!-- nav 只放"主要导航"，不是所有 a 标签都要包进来 --> <nav> <a href="/">首页</a> <a href="/html">HTML</a> <a href="/css">CSS</a> </nav> <main> <p>页面主体内容……</p> </main> <footer> <p>© 2026 前端Wiki · 备案号 00000000</p> </footer>
