是否有一个简单的 html 代码可以在内容最少的页面底部添加页脚？ （不使用 CSS）
Posted
技术标签:
【中文标题】是否有一个简单的 html 代码可以在内容最少的页面底部添加页脚？ （不使用 CSS）【英文标题】：Is there a simple html code to stick a footer at the bottom on a page with minimal content? (without using CSS) 【发布时间】：2021-12-24 05:51:19 【问题描述】：我希望找到某种在页脚标记中输入代码的方法（就像在我的示例中一样），以将页脚粘贴在底部，而不是刚好在我的内容末尾下方。有没有办法在没有 CSS 的情况下做到这一点？对不起，如果我的术语关闭了，我几天前才开始学习 html。
<!doctype html>
<html>
<head><title> Sample Website </title></head>
<body>I want the footer at the bottom of the page</body>
<footer >This is a footer test for a short page</footer>
</html>
【问题讨论】：
为什么不用css？有什么具体原因吗？ 这就是 CSS 的重点。这类似于希望你的房子是蓝色而不使用油漆。 ^^ 到那时，或者希望你的地毯不使用订书钉就粘在地板上.. 我不相信有一种方法可以单独使用 HTML，而不是在一堆空行中闪烁，这将特定于一个屏幕尺寸。可能有一种使用 javascript 的方法会很糟糕。正确的方法是使用 CSS。但是——当你还在学习 HTML 时，你现在不能让它粘在页面底部。此外，粘性页脚是一个众所周知的问题，它比看起来要困难得多——所以我建议如果您只是在学习，请稍后再考虑该特定任务。 在学习 HTML 时，首先需要了解的是 HTML 的用途，即描述文档的语义结构。影响 如何 事物的显示绝不是 HTML 工作的一部分 - 这是 CSS 的唯一责任。 【参考方案1】：我想知道这是否可以像将以下代码添加到您的 HTML 文档底部一样简单。
<footer>
<p>Williz</p>
</footer>
This w3schools page 如果您有兴趣，可以提供更多上下文。总的来说，我 100% 同意 Zak 的 cmets 和建议。
【讨论】：
不，没有那么简单。footer 元素在定位方面没有任何意义。它用于语义原因。【参考方案2】：
你可以用非常少的 CSS 做到这一点..
footer
height: 100px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
<footer>
This is a footer test for a short page
</footer>或者您可以使用内联 CSS：
<footer style="height: 100px; width: 100%; position: fixed; bottom:0; left:0;">This is a footer test for a short page</footer>
【讨论】：
没这么简单。 您使用的位置是相对于body 元素应用的，如果没有覆盖整个屏幕，将使页脚位于屏幕中间的某个位置。因此，虽然您的 CSS 显示了所需的部分内容，但它并没有解决甚至提及这个基本问题。
我只是在使用记事本程序并保存为 html 文件。内联 CSS 代码有效。谢谢以上是关于是否有一个简单的 html 代码可以在内容最少的页面底部添加页脚？ （不使用 CSS）的主要内容，如果未能解决你的问题，请参考以下文章