迷路的结束标签“head”。

8

I have the following html5 code:

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="Style.css" rel="stylesheet" type="text/css"> 
    <title>Catalogo Dischi</title>
        <p class="title"> Catalogo Dischi </p>
    <a id="index">
        <p class="subtitle">Indice</p>
    </a>
    <p class="text">
        <a href="#classic">Musica Classica</a>
        <br/>
        <a href="#jazz">Musica Jazz</a>
        <br/>
        <a href="#country">Musica Country</a>
    </p>
</head>

代码在html标签内部。我不理解这个错误的原因,除了meta和link标签外,我关闭了所有标签,而这些标签无法关闭,问题出在哪里?

7个回答

10

您需要了解的是,<head>元素定义了浏览器使用但直接在页面中不可见的属性。 <title>属性定义了显示在浏览器选项卡中的标题。

在关闭<head>标签后,您应该打开<body>标签,并在其中放置所有要显示在页面中的内容。

此外,请参见http://reference.sitepoint.com/html/page-structure以了解这些元素的基本介绍。


7
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="Style.css" rel="stylesheet" type="text/css"> 
    <title>Catalogo Dischi</title>

</head>

<body>

    <p class="title"> Catalogo Dischi </p>
    <a id="index">
        <p class="subtitle">Indice</p>
    </a>
    <p class="text">
        <a href="#classic">Musica Classica</a>
        <br/>
        <a href="#jazz">Musica Jazz</a>
        <br/>
        <a href="#country">Musica Country</a>
    </p>
</body>

2
您需要在标题后关闭标签,并将内容包裹在标签中。

2

若标签部分存在类型或双重标签问题,则可能会发生错误。比如,假设标题是这样的:

    <title> Foundation </title>>

如果出现偏移的结束标签“head”,会导致正文中出现错误。

如果页面在Chrome中打开,则在“Body”标签后面添加一个>。

<body>
">"

0
在你的代码中,你把 <p> 放在了 <head> 里面。当

开始时,它表示 body 部分,所以在

之后所有的东西都应该在 body 部分下,因此关闭 </head> 是一个错误。


0

这是你的字符集 charset=UTF-8",它在开头缺少了"


我认为这行代码是正确的:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - Flimm

0
我通过对我的代码进行以下更改来解决这个问题,我向您展示标签示例,以便您了解我对标签所做的更改。
因此,对于链接标签,它应该是:
<link href='https://fonts.googleapis.com/css?family=Aclonica%7cPlayfair+Display' rel='stylesheet'/> 

注意结尾处的链接标签只需要以 /> 结束。


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