HTML中<head>标签背景色设置无效问题求助

• <head>标签是HTML的元数据容器，它的内容不会被浏览器渲染到页面的可视区域中，所以给它设置background-color不会有任何显示效果。
• 如果你想给页面设置背景色，正确的做法是给<body>标签（覆盖页面内容区域）或者<html>标签（覆盖整个浏览器视口，包括滚动条区域）添加样式：

示例代码：

<!-- 给body设置背景色 -->
<body style="background-color: rgb(40, 40, 40);">
  <!-- 你的页面内容写在这里 -->
</body>

<!-- 或者给html设置背景色，覆盖整个视口 -->
<html style="background-color: rgb(40, 40, 40);">
<head>
  <title>你的页面标题</title>
</head>
<body>
  <!-- 你的页面内容写在这里 -->
</body>
</html>

• 补充说明：<head>标签的作用是存放页面的元信息，比如页面标题、外部样式表引用、脚本、字符编码声明等，这些内容都不会直接显示在页面的可视区域里。

内容的提问来源于stack exchange，提问作者ran32