页脚
页面底部：版权文字在一侧，链接在另一侧，窄屏自动换行。
纯样式 核心包
示例
代码
<footer class="zh-footer">
<span>© 2026 ZhaoUI. 保留所有权利。</span>
<ul class="zh-footer-links"><li><a href="#">隐私政策</a></li><li><a href="#">服务条款</a></li><li><a href="#">联系我们</a></li></ul>
</footer>属性
| 属性 | 用在 | 取值 | 说明 |
|---|---|---|---|
zh-footer | <footer>（class） | 顶部分隔线，两端对齐，可换行 | |
zh-footer-links | <ul>（class） | 里面放 <li><a> | 链接列表，横向排列 |
样式类
zh-footer zh-footer-links
无障碍
- 链接列表外层用 <nav aria-label="页脚"> 更利于读屏导航
常见问题
页脚是什么？
页面底部：版权文字在一侧，链接在另一侧，窄屏自动换行。
怎么使用页脚？
先在页面里引入 zhaoui.css 和 zhaoui.js（放在 </body> 前，不加 defer），再照本页「用法」里的标记书写。
页脚支持键盘和读屏吗？
链接列表外层用 <nav aria-label="页脚"> 更利于读屏导航。
页脚需要依赖框架吗？
不需要。ZhaoUI 是原生 HTML、CSS 和 JavaScript，不依赖 jQuery、Vue 或 React。