<footer>标签介绍与实例代码_html5 footer元素标签

时间:2023-06-20 16:15:27

 HTML5新增标签之<footer>标签,用于定义网页的页脚部分。footer通常是网页布局的一部分,包含版权信息、联系方式、导航链接或其他相关内容。目前市面上浏览器、包括手机浏览器均已经支持footer标签,可以放心使用。

<footer>标签的作用是提供页面的结束和补充信息。它可以在页面的底部或任何适合的位置使用。

以下是一个简单的"<footer>"标签的实例代码:

<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<style>
footer {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<!-- 网页的页眉 -->
</header>
<main>
<!-- 网页内容 -->
</main>
<footer>
<p>&copy; 2023 版权所有 | 示例网站</p>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</footer>
</body>
</html>

在这个示例中,"<footer>"标签定义了网页的页脚部分。它包含一个版权声明的段落(使用了"<p>"标签)和一个导航菜单(使用了无序列表"<ul>"和列表项"<li>"组合)。通过CSS样式定义了"<footer>"的背景颜色、内边距和文本对齐方式。

相关词 标签 footer