需要一些验证错误的帮助

时间:2012-05-31 13:28:30

标签: html css validation

嘿,我正在通过W3C验证器运行我的索引页面,我遇到了6个错误并需要一些帮助。错误是: -

Line 57, Column5: error parsing attribute name
Line 57, Column 5: attributes construct error
Line 57, Column 5: Couldn't find end of Start Tag div line 56
Line 67, Column 14: Opening and ending tag mismatch: body line 14 and div 
Line 69, Column 11: Opening and ending tag mismatch: html line 4 and body 
Line 70: Extra content at the end of the document

这是我的代码: -

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <link rel="stylesheet" type="text/css" href="CSS/10000658.css" title="default" />
    <link rel="alternate stylesheet" type="text/css" href="CSS/default.css" title="assignment2" />

    <title>The Garden Co. | Home </title>
</head>

<body>
    <div id="wrapper">
        <div id="header">
           <h1>The Garden Co.</h1>
        </div>

             <div id="menu">

                    <h1>Contents</h1>

                    <ul>
                <li><a href="index.html">Home</a></li>
                        <li>
                            <a href="plants_section/index.html">Catalogue</a>
                            <ul>
                                <li><a href="plants_section/plant1.html">Plant 1</a></li>
                                <li><a href="plants_section/plant2.html">Plant 2</a></li>
                                <li><a href="plants_section/plant3.html">Plant 3</a></li>
                            </ul>
                        </li>

                        <li>
                            <a class="section" href="plants_section/index3.html">Report</a>

                        </li>

            <li>
                            <a class="section" href="plants_section/index4.html">Report(2)</a>

                        </li>


                        <li><a class="section" href="plants_section/form.html">Contact</a></li>

                    </ul>

                </div><!-- end menu -->

              <div id="content">
                 <div id="contentWrapper">
                    <h1>Welcome</h1>

                    <div class="text"
                    ***<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed eros quis leo sollicitudin tempus.  </p>***

                </div>
            ***</div><!-- end contentWrapper -->***
             </div><!-- end content -->

           <div id="footer">
              <p>&copy; My name, 2012.</p>
           </div>

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

***</body>***
***</html>***

如果有人可以帮助解决这些错误,我们将不胜感激。编辑:粗线是发现错误的地方

4 个答案:

答案 0 :(得分:4)

您没有在第57行关闭<div>代码:

<div class="text"

答案 1 :(得分:1)

我可以看到你的DIV标签没有在第57行关闭:

应该是: <div class="text">

答案 2 :(得分:1)

看起来这是导致大多数问题的原因:

<div class="text"
                    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed eros quis leo sollicitudin tempus.  </p>

应该是:

<div class="text">
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed eros quis leo sollicitudin tempus.  </p>
</div><!--this is already there, just the tabbing is off so it looked like it was missing-->

解决这个问题,并重新运行它。让我们知道剩下的错误。

答案 3 :(得分:1)

首先在此处修复您的代码:

<div class="text"
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed eros quis leo sollicitudin tempus.  </p>

需要关闭标记,使其显示为:(缺少“&gt;”)

<div class="text">

然后重新运行它,让我们知道结果。