是否有一个简单的 html 代码可以在内容最少的页面底部添加页脚？（不使用 CSS）答案

【问题标题】：Is there a simple html code to stick a footer at the bottom on a page with minimal content? (without using CSS)是否有一个简单的 html 代码可以在内容最少的页面底部添加页脚？（不使用 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 height="0">This is a footer test for a short page</footer>

</html>

【问题讨论】：

为什么不用css？有什么具体原因吗？
这就是 CSS 的重点。这类似于希望你的房子是蓝色而不使用油漆。
^^ 到那时，或者希望你的地毯不使用订书钉就粘在地板上..
我不相信有一种方法可以单独使用 HTML，而不是在一堆空行中闪烁，这将特定于一个屏幕尺寸。可能有一种使用 JavaScript 的方法会很糟糕。正确的方法是使用 CSS。但是——当你还在学习 HTML 时，你现在不能让它粘在页面底部。此外，粘性页脚是一个众所周知的问题，它比看起来要困难得多——所以我建议如果您只是在学习，请稍后再考虑该特定任务。
在学习 HTML 时，首先需要了解的是 HTML 的用途，即描述文档的语义结构。影响如何事物的显示绝不是 HTML 工作的一部分 - 这是 CSS 的唯一责任。

标签： html footer

【解决方案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 代码有效。谢谢