html网页页脚设计代码

HTML网页的页脚通常位于页面的最底部，用于放置版权信息、联系方式、网站地图、友情链接等。页脚的设计可以简洁也可以复杂，具体取决于设计需求。以下是一个简单的HTML页脚设计代码示例：

<footer>
    <div class="footer-content">
        <p>&copy; 2023 网站名称. 保留所有权利。</p>
        <p>联系我们: info@example.com</p>
        <p>访问我们的 <a href="sitemap.html">网站地图</a>。</p>
        <!-- 如果有友情链接，可以添加在这里 -->
        <div class="footer-links">
            <a href="link1.html">友情链接1</a>
            <a href="link2.html">友情链接2</a>
        </div>
    </div>
    <!-- 如果需要的话，可以添加一个页脚导航栏 -->
    <nav class="footer-nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">产品</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系方式</a></li>
        </ul>
    </nav>
</footer>

在这个示例中，页脚由一个包含版权信息、联系邮箱、网站地图链接和友情链接的`div`组成。此外，还包含了一个简单的导航栏`nav`，其中包含了一些基本的页面导航链接。页脚通常使用`<footer>`标签进行定义，以表示它属于页脚区域。

页脚的设计和内容可以根据实际需求进行调整，可以添加CSS样式来改善其视觉效果，使其与网站的整体风格保持一致。