HTML语义标签Footer怎么用_HTML页面底部信息Footer标签

<footer><br>  <p>© 2024 我的网站. 版权所有。</p><br>  <p><a href="contact.html">联系我们</a></p><br></footer>

<article><br>  <h2>文章标题</h2><br>  <p>这是文章内容……</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1085">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680082584830.jpg" alt="腾讯智影">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1085">腾讯智影</a>
                            <p>腾讯推出的在线智能视频创作平台</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="腾讯智影">
                                <span>341</span>
                            </div>
                        </div>
                        <a href="/ai/1085" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="腾讯智影">
                        </a>
                    </div>
                <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><br>  <footer><br>    <p>发布于 2024年4月5日</p><br>  </footer><br></article>

footer {<br>  background-color: #f3f3f3;<br>  padding: 20px;<br>  text-align: center;<br>  border-top: 1px solid #ddd;<br>}