Question

这部分代码经过W3C验证程序验证后，会产生2个错误：

流浪结束标记</head>
看到开始标签<body>，但是相同类型的元素已经打开

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title> Chatter </title>
        <h1> Welcome to Chatter|app! </h1> 

        <style>
            body {
               background-color: #e0e0e0;}
        </style>

    </head>

    <body>

        <h4> #Food </h4>
        <h4> #Movies </h4>
        <h4> #SpaceX </h4>
        <h4> #Thingstodo </h4>
        <h4> #Chatter </h4>


        <input type= "button" value= "New" />
        <input type= "button" value= "Trending" />
        <input type= "button" value= "Favorites" />
    </body>
</html>

Answer 1

只需将h1元素从头部连接处移至身体部位

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Chatter </title>

    <style>
        body {
            background-color: #e0e0e0;
        }
    </style>

</head>
<body>
    <h1> Welcome to Chatter|app! </h1>

    <h4> #Food </h4>
    <h4> #Movies </h4>
    <h4> #SpaceX </h4>
    <h4> #Thingstodo </h4>
    <h4> #Chatter </h4>

    <input type="button" value="New" />
    <input type="button" value="Trending" />
    <input type="button" value="Favorites" />
</body>

</html>

W3C HTML验证错误：“流浪结束标记”和“开始标记可见，但是相同类型的元素已经打开”

1 个答案: