w3c錯誤，我無法修復

Question

我有一些代碼，似乎工作在每一個瀏覽器，我測試它，但我當我通過W3C驗證器運行它時，我得到了更奇怪的錯誤。其中2個是不應該在那裏的那些，即使他們必須在那裏，並且有幾個未關閉。再次，如果我把它拿出來，它會停止整個工作。就像我說的，它工作正常，我只是不想錯誤。

的代碼是：

<div class="container"> 
<div id="loginbox" style="margin-top:10px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">      
<div class="panel panel-info" > 
<div class="panel-heading"> 
<div class="panel-title login-text hidden-xs">Login to your account</div> 
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Login to your account</div> 
</div>  

<div class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"></div> 
<div style="padding-top:30px" class="panel-body" > 
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div> 

<form method="post" class="login_check" action="process-login.php"> 
<div style="margin-bottom: 25px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> 
<input id="login-email" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">           
</div> 



<div style="margin-bottom: 15px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> 
<input id="login-password" type="password" class="form-control" name="password" placeholder="Enter your password"> 
</div> 

<div class="input-group"> 
<div class="checkbox"> 
<label> 
<input id="login-remember" type="checkbox" name="remember" value="1"> Company account 
</label> 
<div style="margin-bottom: 20px"></div> 
</div> 
</div> 

<!-- Button --> 

<input type="submit" class="btn btn-success" name="send" value="Login"> 
<div style="margin-bottom: 20px"></div> 
</form> 
<!-- Button --> 
<div id = "login_status" class="alert alert-danger" role="alert" style="display:none;"> 
    <strong>Sorry they dont match</strong></div> 




<div class="col-md-12 control"> 

    <a href="#" onClick="$('#loginbox').hide(); $('#signupbox').fadeIn('slow');$('#reminder_sent').hide(); "> 
    <br>Forgot your password? 
    </a> 

</div> 


</div>      
</div> 
</div> 
<div id="signupbox" style="display:none; margin-top:10px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"> 
<div class="panel panel-info"> 
<div class="panel-heading"> 
<div class="panel-title login-text hidden-xs">Forgot Password</div> 
<div class="panel-title login-mobile hidden-sm hidden-md hidden-lg">Forgot Password</div> 
</div> 
<div class="panel-body" > 

<form method="post" class="resend_password" action="resend_password.php"> 
<div style="margin-bottom: 20px" class="input-group"> 
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> 
<input id="login-username" type="text" class="form-control" name="username" value="" placeholder="Enter your email address">           


</div> 



<div class="form-group"> 

<!-- Button -->           

<input type="submit" class="btn btn-success" name="send" value="Send password"> 
</form> 

</div> 


<div id = "reminder_sent" class="alert alert-danger" role="alert" style="display:none;"> 
    <strong>Your password reminder has been sent 
</div> 

<div class="form-group"> 
<div class="col-md-12 control"> 

<div style="border-top: 1px; solid#888; padding-top:20px; font-size:85%" ><span class="gotit">Got it?</span> 
<a href="#" onClick="$('#signupbox').hide(); $('#loginbox').show();$('#login_status').hide();">Login here</a></div> 
</div> 
</div>  

</div> 
</div>    
</div> 
</div> 

我得到的錯誤是

錯誤 311的「格」元素必須有結束標籤（），但沒有發現結束標記，是放錯地方，或者由於其他錯誤而沒有看到。

錯誤 316爲「分區」（在管線311，第2列啓動）應出現之前爲「形式」或爲此標籤結束標記應被刪除或移動的結束標記。這是一個嵌套錯誤。 錯誤 322「strong」元素必須有一個結束標記（），但結束標記未找到，放置錯誤或由於其他錯誤而未見到。 您的密碼提醒已發送 錯誤 323「strong」（在第322行，第4列開始）的結束標記應顯示在「div」的結束標記之前，或者應刪除或移動此結束標記。這是一個嵌套錯誤。

CSS錯誤 328錯誤的CSS聲明;無法找到將屬性名稱與其值分開的冒號。

明白嗎？ 錯誤 336找到了「div」的結束標記，但所有「div」開始標記都已經有結束標記（或存在嵌套錯誤）。下一個預期的結束標記是在第194行第2列開始的。

Answer 1

您需要在seceond </form>之前添加一個</div>，並在最後刪除一個。