<Head>が表示されます<body>

クロムのデバッグツールを使用すると、<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>

結果：あなたは頭のタグに誤りがあるため https://zoharch.github.io/position/index.html

出典

2017-04-18 Zohar Chiprut

あなたは 'head'の代わりに' hed'を綴っています、それはタイプミスですか、それともあなたのコードですか？ – Swellar

が

<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>

出典

2017-04-18 10:19:58

あなたのスペルは頭に正しくありません。あなたはhedを書いた。

それは次のようになります。

<head></head>

出典

2017-04-18 10:22:39

それだけでこの頭をコピー＆ペーストして、それはOKになります。このようにする必要があります:)

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

出典

2017-04-18 10:27:12

それは起こる<hed>タグ（<head>のスペルミス）ので、が認識されないので、ブラウザはそれを未知のタイプのhed要素を開始するものとして扱います。そのような要素はhead要素には許可されていないため、ブラウザではbody要素の先頭に文書内のすべての要素が含まれています。これの前に、それは空のhead要素を意味します。

ほとんどの状況では、HTML文書をheadとbody要素に分割するのは構文的で「哲学的」なので、これは実際問題ではありません。 meta,link、およびtitle要素は、実際にはブラウザではbodyのように扱われますが、実際には正常に動作します。もちろん、<head>タグと</head>タグのスペルミスを修正する必要があります。

出典

2017-04-18 11:13:58

<Head>が表示されます<body>

答えて

関連する問題