# 页脚

纯样式组件：不需要 JS，写好标记即可。页面底部：版权文字在一侧，链接在另一侧，窄屏自动换行。

**依赖**：`zhaoui.css` 与 `zhaoui.js`（原生 HTML、CSS、JS，不需要框架或 jQuery）。

## 用法

```html
<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`、`zh-footer-links`

## 属性

| 属性 | 用在 | 取值 | 说明 |
|---|---|---|---|
| `zh-footer` | <footer>（class） |  | 顶部分隔线，两端对齐，可换行 |
| `zh-footer-links` | <ul>（class） | 里面放 <li><a> | 链接列表，横向排列 |

## 无障碍

- 链接列表外层用 <nav aria-label="页脚"> 更利于读屏导航

## 常见问题

### 页脚是什么？

页面底部：版权文字在一侧，链接在另一侧，窄屏自动换行。

### 怎么使用页脚？

先在页面里引入 zhaoui.css 和 zhaoui.js（放在 </body> 前，不加 defer），再照本页「用法」里的标记书写。

### 页脚支持键盘和读屏吗？

链接列表外层用 <nav aria-label="页脚"> 更利于读屏导航。

### 页脚需要依赖框架吗？

不需要。ZhaoUI 是原生 HTML、CSS 和 JavaScript，不依赖 jQuery、Vue 或 React。