Question

以下html错误地解释了。

使用chrome的调试工具，<head>内会显示<body>。

为什么会这样？代码：

<!DOCTYPE html>
<html>
<hed>
    <meta charset="utf-8"/>
    <link href="_css/style.css" rel="stylesheet" />
    <title>Position test</title>
</hed>
<body>
    <div class="block">
        <p>this p inside a div</p>
    </div>
    <table>
    <tr>
        <td><p>this p inside td</p></td>
        <td></td>
        </tr>
    </table>
       <div class="table">
        <p>this p inside a div displayed as a table</p>
    </div>
</body>
</html>

结果： API documentation

Answer 1

你的拼写不正确。你写了hed。

它将是：

<head></head>

Answer 2

因为标题中有错误

<hed>应为<head> </hed>应为</head>

<强> HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link href="_css/style.css" rel="stylesheet" />
    <title>Position test</title>
</head>
<body>
    <div class="block">
        <p>this p inside a div</p>
    </div>
    <table>
    <tr>
        <td><p>this p inside td</p></td>
        <td></td>
        </tr>
    </table>
       <div class="table">
        <p>this p inside a div displayed as a table</p>
    </div>
</body>
</html>

Answer 3

这是因为无法识别<hed>标记（<head>的拼写错误），因此浏览器将其视为启动未知类型的hed元素。由于head元素中不允许使用此类元素，因此浏览器意味着body元素的开头，其中包含文档中的所有其余元素。在此之前，它意味着一个空的head元素。

在大多数情况下，这并不重要，因为将HTML文档划分为head和body元素是语法和“哲学”。 meta，link和title元素通常在实践中正常工作，即使浏览器将其视为body内部。但是，您当然应该更正<head>和</head>代码的拼写错误。

Answer 4

它应该是这样只是复制粘贴这个头，它会没关系:)

<head>
  <meta charset="utf-8">
  <link href="_css/style.css" rel="stylesheet">
  <title>Position test</title>
</head>

出现在里面

4 个答案: