我有以下html5代码:
<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,不能关闭,是什么问题?
您需要了解—<head>
元素定义了由浏览器使用的属性,但在页面中不直接可见。<title>
属性定义了浏览器选项卡上显示的标题。
关闭<head>
标签后,您应该打开<body>
标签,所有要在页面中显示的内容都应该在其中。
也可参见http://reference.sitepoint.com/html/page-structure获得这些元素的基本介绍。
<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>
你需要在标题后关闭head
标签,并将你的内容包裹在body
标签中。
如果标题部分有类型或双制表符问题,可能会发生错误。假设标题是这样的
<title> Foundation </title>>
则会出现散乱的结束标签" head ",包括正文
如果页面在Chrome中打开,那么它会在'Body'标签后面添加一个>
<body>
">"
在您的代码中,您已经将<p>
放在<head>
内,当
开始时,它表示身体部分但是所以在
之后所有内容都放在body下面所以关闭</head>
是错误的
这是您的字符集charset=UTF-8"
,它在开头缺少"
。
我通过对我的代码这样做来解决我的问题。我向您展示标签示例,以便您可以看到我对标签做了什么。
所以对于链接标签,它将是:
<link href='https://fonts.googleapis.com/css?family=Aclonica%7cPlayfair+Display' rel='stylesheet'/>
注意链接标签以/>