📌  相关文章
📜  HTML5<footer>标签(1)

📅  最后修改于: 2023-12-03 14:41:58.518000             🧑  作者: Mango

HTML5
标签介绍

HTML5中的<footer>标签定义了一个文档或部分的页脚。页脚通常包含作者名称、版权信息、联系方式、链接等相关信息。

基本语法
<footer>
  <!-- 插入页脚内容 -->
</footer>
使用示例
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML5 footer标签介绍</title>
</head>
<body>
  <header>
    <h1>网站标题</h1>
    <nav>
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">新闻</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <!-- 网页主体内容 -->
  </main>
  <footer>
    <p>&copy; 2021 HTML5 footer标签介绍</p>
    <p>作者：张三&emsp;联系方式：zhangsan@example.com</p>
  </footer>
</body>
</html>
属性

<footer>标签支持以下属性：

  • id：元素的唯一标识符。
  • class：元素的类名，用于引用一个或多个样式表中的样式。
  • style：内联样式。
  • hidden：如果存在，则元素视觉上不会显示出来。
兼容性

<footer>标签兼容性良好，可以在现代浏览器、移动设备、屏幕阅读器、搜索引擎中正常使用。不过，旧浏览器中可能会出现兼容性问题，需要使用适当的兼容性解决方案。