应使用HTML5的语义化标签在前添加页脚，内部用包含版权信息（如©2025公司名称。保留所有权利。）和联系方式（如邮箱：contact@example.com）。

如果您希望在网页底部添加包含版权信息和联系方式的页脚区域，则可以使用 HTML5 的

一、基础 footer 标签结构

HTML5 中的

1、在 标签之前，插入

2、在

3、保存 HTML 文件并在浏览器中刷新查看效果。

二、添加样式美化页脚

默认情况下

1、为

2、设置 text-align:center 使文字居中对齐。

3、添加 padding: 15px 0; 保证上下内边距，避免文字紧贴边缘。

4、将字体颜色设为浅色，例如：color: #fff; 以适配深色背景。

三、嵌入联系信息图标与超链接

为提升专业性与可用性，可在页脚中引入图标（如 Font Awesome）和可点击的联系方式链接，使用户能快速发送邮件或拨打电话。

1、在

2、在

3、添加电话图标行：

+86 138-0013-8000

4、确保所有 href 和 tel 协议值符合标准格式，避免链接失效。

四、响应式页脚布局

为适配移动设备，页脚内容需在小屏幕上自动换行并保持合理间距，避免文字溢出或重叠。

1、为

2、使用 @media 查询，在屏幕宽度小于 768px 时将联系信息垂直堆叠：@media (max-width: 768px) { footer p { margin: 8px 0; } }。

3、为图标添加 font-size: 1rem; 并在小屏下设为 1.2rem，提升触控友好性。

4、移除固定高度设定，允许页脚根据内容自然撑开。

五、SEO 友好的页脚内容组织

搜索引擎会抓取页脚文本，合理组织结构有助于提升站点权威性与本地搜索可见度，尤其对版权年份与公司名称的呈现有明确要求。

1、版权符号必须使用 HTML 实体 © 或 ©，不可用普通字母 c 加括号代替。

2、年份建议使用动态 JavaScript 插入（如 ），但静态页面中应手动更新为当前年份。

3、公司全称需与工商注册名称一致，并置于版权文字起始位置，例如：© 2025 北京某某科技有限公司。

4、避免在页脚堆砌无关关键词或隐藏链接，防止被判定为黑帽 SEO 行为。