📜  HTML footer标签(1)

📅  最后修改于: 2023-12-03 15:31:10.873000             🧑  作者: Mango

HTML footer标签

HTML footer标签是用于在文档或节的结尾处定义页脚的标签。页脚通常包含脚注、版权信息、联系方式等内容。在HTML5中,footer元素应该被用于如文章、博客、页眉页脚等部分中的内容结尾位置。

语法

在HTML中,可以使用footer标签来定义页脚,其语法结构如下:

<footer>
    <!-- 页脚内容 -->
</footer>

注意: footer标签只能出现在其父元素的内容结尾位置。

示例

下面是一个简单的HTML footer标签的示例,其中包含版权信息和联系方式:

<!DOCTYPE html>
<html>
<head>
	<title>HTML footer标签示例</title>
</head>
<body>
	<header>
		<h1>这是一个网站的标题</h1>
	</header>
	<nav>
		<ul>
			<li><a href="#">菜单项1</a></li>
			<li><a href="#">菜单项2</a></li>
			<li><a href="#">菜单项3</a></li>
			<li><a href="#">菜单项4</a></li>
		</ul>
	</nav>
	<main>
		<p>这是一个网站的主要内容区域</p>
	</main>
	<footer>
		<p>版权所有 © 2021 本站名称。保留所有权利。</p>
		<p>联系方式:邮件:contact@domain.com,电话:012-3456789。</p>
	</footer>
</body>
</html>
总结

HTML footer标签是一个用于定义网页结尾处的标签,通常用于包含版权信息、联系方式等页面底部内容。使用footer标签能够更加规范和语义化地表示页面结构,有利于搜索引擎和屏幕阅读器的理解和解析。