Question

对于一件作业，我无法让这个网站验证，我不知道为什么？这是html：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <html>
    <head>
    <!--I am using TextWrangler to do my html css editing on my Mac-->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>
    KG Doors
    </title>
    </head>
    <body>
<div class="wrapper">  

<div class="masthead">
    <a href="http://www.notimefortime.com/index.thml"><img src="logo.jpeg"  alt="kgdoors" height="150"width="304"> </a>
</div><!--end the masthead div -->
<div id="nav-wrapper">
    <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">Services</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</div><--end nav wrappe-->
<div class="body">
    <h1>Proudly Serving Chicago and Suburbs</h1>

</div><!--end the body div -->
<div class="footer">
    <h4>
        <br/>Educational site for DePaul University. 
        <br/><a href="http://www.kgdoors.com/">KG Doors</a>
    </h4>
</div><!--end the footer div -->

</div><!--end the wrapper div -->

    </body>
    </html>

验证输出：6个错误

第4行，第6列：文档类型不允许元素“html”在这里 ✉ 上面提到的元素是在不允许的上下文中找到的。这可能意味着您有错误的嵌套元素 - 例如“body”部分中的“style”元素而不是“head”内部 - 或者两个重叠的元素（不允许）。

此错误的一个常见原因是在HTML文档中使用XHTML语法。由于HTML的隐式闭合元素规则，此错误可以创建级联效果。例如，在HTML文档的“head”部分中使用XHTML的“自闭”标签“meta”和“link”可能会导致解析器推断出“head”部分的结尾和“body”的开头“section（不允许使用”link“和”meta“;因此报告错误）。

第4行，第1列：缺少元素html的xmlns属性。值应为：http://www.w3.org/1999/xhtml ✉ 许多基于XML的文档类型需要根元素上的强制xmlns属性。例如，XHTML的根元素可能如下所示：

第7行，第68列：省略了“meta”的结束标记，但指定了OMITTAG NO ✉ 您可能忽略了关闭元素，或者您可能意图“自我关闭”元素，即以“/＆gt;”结束它而不是“＆gt;”。

第7行，第2列：开始标记在这里第17行，第114列：省略了“img”的结束标记，但指定了OMITTAG NO ... OM / index.thml“＆GT; ✉ 您可能忽略了关闭元素，或者您可能意图“自我关闭”元素，即以“/＆gt;”结束它而不是“＆gt;”。

第17行，第55栏：开始标记在这里 ... p：//www.notimefortime.com/index.thml“＆gt;＆lt; - end nav wrappe - ＆gt; ✉ 在以下几种情况下可能会出现此消息：

你试图加入“＆lt;”页面中的字符：你应该将其转义为“＆lt;” 您使用了未转义的＆符号“＆amp;”：这在某些情况下可能有效，但建议使用“＆amp;”，这始终是安全的。另一种可能性是您忘记关闭先前标记中的引号。第40行，第8栏：“html”未完成但文档已结束 ✉ 第40行，第8列：省略了“html”的结束标记，但指定了OMITTAG NO ✉ 您可能忽略了关闭元素，或者您可能意图“自我关闭”元素，即以“/＆gt;”结束它而不是“＆gt;”。

第2行，第1列：开始标记在这里

Answer 1

最大的问题是你在前三行代码中声明<html>两次。每页只声明一次。这留下了两个必须处理结束标记的错误。只需谷歌w3c验证服务的错误消息，我保证你会找到所有解释。

Answer 2

删除额外的<html>
将<meta http-equiv="Content-Type" content="text/html;charset=utf-8">替换为<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
排队</div><--end nav wrappe-->，缺少!

Answer 3

有这个经过验证的代码，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <!--I am using TextWrangler to do my html css editing on my Mac-->
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
            <link rel="stylesheet" type="text/css" href="style.css" />
            <title>
                KG Doors
            </title>
    </head>
    <body>
        <div class="wrapper">  

            <div class="masthead">
                <a href="http://www.notimefortime.com/index.thml"><img src="logo.jpeg"  alt="kgdoors" height="150" width="304" /> </a>
            </div><!--end the masthead div -->
            <div id="nav-wrapper">
                <ul id="nav">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">Services</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div><!--end nav wrappe-->
            <div class="body">
                <h1>Proudly Serving Chicago and Suburbs</h1>

            </div><!--end the body div -->
            <div class="footer">
                <h4>
                    <br/>Educational site for DePaul University. 
                    <br/><a href="http://www.kgdoors.com/">KG Doors</a>
                </h4>
            </div><!--end the footer div -->

        </div><!--end the wrapper div -->

    </body>
</html>

HTML验证失败

3 个答案: