HTML5推荐使用语义化<footer>标签包裹版权信息，内嵌<small>标签并用©符号标注年份与主体，辅以CSS控制居中、颜色和间距，兼顾可访问性、SEO与响应式显示。
如果您希望在网页底部显示版权信息，HTML5 提供了语义化且标准的方式实现这一需求。以下是设置版权信息的具体方法：
一、使用 <footer> 标签包裹版权内容
<footer> 是 HTML5 的语义化标签，专用于定义页面或区块的页脚区域，搜索引擎和辅助技术能准确识别其用途，提升可访问性与 SEO 效果。
1、在 HTML 文档的主体末尾（</main> 后或 </body> 前）插入 <footer> 标签。
2、在 <footer> 内部添加段落标签 <p>，并在其中输入版权文本。
立即学习“前端免费学习笔记（深入）”；
3、使用 HTML 实体 © 表示 © 符号，后接年份与版权所有者名称。
4、可选：为年份添加 JavaScript 动态更新逻辑，但需确保无脚本时仍显示静态年份作为回退。
二、直接在 <p> 或 <div> 中使用 © 符号标注
当不需语义化页脚结构，或版权信息仅作为局部说明时，可在任意位置用内联方式嵌入版权符号，兼容所有 HTML 版本且无需额外标签嵌套。
1、定位到需要显示版权的位置，例如页面底部的独立段落区域。
2、输入 <p>© 2024 Your Company Name</p>。
3、确保 © 前后无多余空格干扰排版，避免误写为 ©；或 ©。
4、如需多行信息（如地址、邮箱），可在同一 <p> 内用 <br> 换行——但注意：根据规则禁止使用 <br>，因此应改用多个 <p> 标签分隔不同信息行。
三、结合 <small> 标签优化版权文字样式
<small> 是 HTML5 中合法的语义化标签，用于呈现附属性、次要性内容（如版权、法律声明），浏览器默认渲染为较小字号，符合视觉惯例。
1、在 <footer> 内部嵌套 <small> 标签。
2、将完整版权字符串放入 <small> 中，例如：<small>© 2024 ABC Studio</small>。
3、避免对 <small> 使用 CSS 强制重置字体大小，以免破坏其语义意图。
4、不可将 <small> 用于纯粹装饰性缩放，仅限法律声明、版权、免责声明等场景。
四、通过 CSS 控制版权区域布局与颜色
CSS 可精确控制版权信息的位置、间距、颜色与响应式行为，确保其在不同设备上清晰可见且不干扰主内容流。
1、为 <footer> 设置固定高度或最小高度，防止内容塌陷。
2、使用 text-align: center 将版权文字水平居中，或 flexbox 实现更灵活对齐。
3、为版权文字设置 color 属性，推荐使用浅灰（如 #666）以区别于主内容，同时保证可读性。
4、添加 padding-top 和 padding-bottom 值，确保上下留白适中，避免紧贴边界。
