为什么我在网页正文中看到“标题”（不仅在标题栏中）？答案

【问题标题】：Why am I seeing the 'title' in Web-page's body (Not only in Title Bar)?为什么我在网页正文中看到“标题”（不仅在标题栏中）？
【发布时间】：2015-08-20 16:40:04
【问题描述】：

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <link rel="stylesheet" href="main.css" />
</head>
<body>
</body>
</html>

当我运行此代码时，我会在浏览器的标题栏和正文中看到“我的页面”！

我为什么会得到这个？

【问题讨论】：

好吧 clearly 你的 main.css 看起来像：body:after { content: 'My Page' }。
我已经清除了 main.css 中的所有内容 - 没问题！但是，当我添加 * { display: block; } 时，我明白了。 @lc。

标签： html hyperlink stylesheet title

【解决方案1】：

因为<head> 和<title> 只是标签，就像其他任何东西一样。 * 选择器也会选择它们。

为了好玩，看看this fiddle，它清楚地表明当你给head和title一个display:block样式时，它们确实在页面上显示为文本：

HTML

<body>
    <p>hi</p>
</body>

CSS

head, title {display:block}

输出

- jsFiddle 演示
嗨

更多乐趣，we can color things too。我们甚至在此过程中了解了 JSFiddle 的内部工作原理。看起来他们将您的样式内联在<head> 内的<style> 标记中。哈！

【讨论】：

reset css 是比* 更好的选择。
是的，没错！如果我们添加 *{color: blue;} 会怎样？这也适用于标题、头部、...标签吗？
@SathyamoorthyR 你应该提到这一点很有趣。看看我的最后一个链接 (jsfiddle.net/ecr1hbcb/3)
元标签（元标题）是否也受到同样的影响？我从来没有在页面上显示过元标题，只有在标题栏中。只是出于好奇和将来参考。谢谢。
这太疯狂了！ @lc。

【解决方案2】：

没有。它不会也不会输出这样的结果。您是否尝试过刷新/清除浏览器的缓存？

【讨论】：

或者你在 main.css 中指定了什么？类似于 CSS 内容 (w3schools.com/cssref/pr_gen_content.asp)？
是的！我能找到罪魁祸首！我在 main.css, * { display: block; } 现在，我很好奇发生了什么？
显示块不能成为游戏中的罪魁祸首，您负责通过 css 放置数据。如果您之前指定了文档类型，则不必使用<html>。
好的，我清除了<html>，但是，仍然显示？ @SachinKanungo
您可以发布文件的 css 内容，还是暂时取消链接该 css 并刷新页面