html中footer标签什么意思_footer标签的作用及布局技巧

嗯... <footer>这个标签啊... 就是放页面底部的... 你知道吧... 就像... 像个... 结束的标记...
我之前做项目... 2 02 2 年... 在上海... 有个网站... 那时候刚学 HTML5 ... 看到这个 <footer>... 觉得挺新鲜的...
一般里面放啥呢... 版权信息啊... ©2 02 3 公司名. All rights reserved. 这种... 跟用户说... 这个网站是咱们的...
还有联系方式... 比如... <ahref="mailto:contact@example.com">联系我们</a>... 就是邮件地址... 方便人联系...
站点地图... <nav><ul><li><ahref="/"></a></li>... 首页... 关于... 这种... 方便人导航...
服务条款... 隐私政策... <ahref="/terms"></a>|<ahref="/privacy"></a>... 这些法律玩意儿...
有时候还有返回顶部... <ahref="">返回顶部</a>... 看着挺方便...
布局呢... 就是放底部... background-color:f5 f5 f5 ... padding:2 0px... border-top:1 pxsolidddd... 简单弄一下...
然后用 Flexbox... .footer-content{display:flex;flex-wrap:wrap;}.footer-section{width:1 00%;}... 这样... 内容分区...
我之前弄那个上海的项目... 适配移动端... @media(min-width:7 6 8 px){.footer-section{width:5 0%;}}... 这样手机上能看...
关键是要语义化... 确保是页脚内容... 别乱放... 还有移动端要适配... 性能也要好... 像背景图要压缩...
总之... <footer>... 就是页脚... 放点信息... 布局好... 用户体验就差不多了...

footer标签的作用？网页页脚怎么定义？

<footer>标签就是页脚的意思。
说白了，它把版权啊、联系方式啊这些内容装起来。

上周刚处理一个项目，用这个标签特别清晰。
不用猜是啥，直接看标签名就懂。

比<div>强多了。
那个是啥都装，这个专门装页脚内容。
搜索引擎和读屏软件看了都明白。

里面通常放啥？版权信息、联系方式、导航链接、法律声明这些。
社交媒体链接也常放。

设计上要注意啥？分类清楚，别乱。
文字别太小，颜色要够亮。
手机看和电脑看都要好看。

CSS控制下，背景色、间距这些调好。
用Flexbox或Grid排排。
手机屏幕小的时候内容能堆起来显示，这个很重要。

关键点：别用<div>代替，真的不划算。
你自己看