为什么我的HTML页面标题显示为纯文本而不是标题?

3
标题确实如预期地出现在浏览器的标题栏中,但它也作为文本显示在网页的第一行。以下是HTML代码。怎么回事?
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">
        <title>User pics</title>
    </head>
    <body>
        <img src="http:/blah.s3.amazonaws.com/1xrfnyf08goxpsda1mhs.jpg">
    </body>
</html>

我按照Devang的建议,将样式表引用移动到了头部。 - Oscar
你应该更新问题,包含一个清晰简洁的问题陈述,而不是答案。一个答案应该给出一个清晰简洁的解决方案描述。 - Jukka K. Korpela
它已经包含了问题的清晰描述。我将答案移动到激发它的响应中。 - Oscar
问题仍然没有描述清楚。它包含一个引用相对地址样式表的文档,问题就在于这个样式表中。HTML文档本身是无关紧要的,因为CSS代码才是问题所在。 - Jukka K. Korpela
问题描述了问题,标题也一样。你说的是解决方案。关于问题就没有更多可说的了。 - Oscar
显示剩余2条评论
4个回答

7

尝试

<!DOCTYPE html>
<html>
    <head>
        <title>User pics</title>
        <link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">
    </head>
    <body>
        <img src="http:/blah.s3.amazonaws.com/1xrfnyf08goxpsda1mhs.jpg" alt="" />
    </body>
</html>

您不能在html标签外定义链接标签。


谢谢。虽然您的建议在放置样式表引用方面是正确的,但它并不会改变输出结果(我已经验证了源代码以确保它没有被缓存)。 - Oscar
blah.s3.amazonaws.com/1xrfnyf08goxpsda1mhs.jpg,你尝试过访问它吗? - Devang Rathod
是的,图片显示正常(我为这个例子更改了URL)。 - Oscar

2
如果您有
*{
    display:block; 
}

在你的CSS文件中,请确保删除它,因为这会导致标题显示出来。

1

删除 CSS 引用并检查一次...可能是与 CSS 相关的问题。


这怎么算是一个答案?一个被批准的答案?它应该是一条评论。 - Jukka K. Korpela
这是一个答案,因为没有其他人提供答案,而提供我自己的答案只是简单地说“这是CSS”对Madhabendra不公平。我将完整解决方案的描述移入其中。 - Oscar

0

您需要正确关闭上面的链接标签。 您有

<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8">

应该阅读

<link rel="stylesheet" href="admin.css" title="" type="text/css" media="screen" charset="utf-8"/>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接