我正在 W3Schools 中验证我的网页代码,它一直给我这条错误消息:
错误:
head
看到开始标记,但已打开相同类型的元素。
从第 5 行第 1 列开始;到第 5 行,第 6 列"utf-8">↩↩<head>↩<style>
我已经检查了我的代码,但我看不到我在哪里制作了头标签的副本,有人可以帮我吗?
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<style>table,th, td{border:1.5px solid red;} td{ padding: 15px;}</style>
<title> Index </title>
</head>
<body>
<h1> Online store for cheese </h1>
<table style="width:100">
<tr>
<th>Cheese name</th>
<th>Origin</th>
<th>Years to age</th>
</tr>
<tr>
<td><a href="https://www.thecheeseworks.co.uk/old-amsterdam"> Gouda </a> </td>
<td> Netherlands</td>
<td> 1</td>
</tr>
<tr>
<td> <a href="taleggio.html">Taleggio</a></td>
<td> Italy(Lombardy)</td>
<td> 6-10 weeks </td>
</tr>
<tr>
<td>Parmigiano-Reggiano</td>
<td>Italy</td>
<td> 1</td>
</tr>
<tr>
<td>Manchego</td>
<td>Spain</td>
<td> 60 days to 2 years</td>
</tr>
<tr>
<td>Monterey Jack</td>
<td>USA</td>
<td> 1 month</td>
</tr>
<tr>
<td>Cheddar </td>
<td>England</td>
<td> 1</td>
</tr>
<tr>
<td>Emmental</td>
<td>Switzerland</td>
<td> 4 months</td>
</tr>
</table>
</body>
</html>
在第三行中,您在<head>
开始标记之前有一个<meta charset="utf-8">
。在 <html>
开始标记之后放置元元素会自动打开 meta 元素之前的 head 元素,这会导致显式 <head>
标记被检测为重复项。
只需将<meta charset="utf-8">
移动到 <head>
标记下方即可解决此错误:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>table,th, td{border:1.5px solid red;} td{ padding: 15px;}</style>
<title> Index </title>
</head>
(您也可以完全删除<head>
标签,它也会进行验证,但是即使开始标签不是绝对必要的,也没有开始标签的</head>
结束标签看起来很有趣。