Html 标记验证错误
我在通过验证器w3将此文档作为XHTML检查时发现1个错误。这真的让我很烦，因为我已经看了很多遍了，但是我找不到它。有人能认出它吗 非常感谢你 这就是我得到的： 验证输出：1个错误Html 标记验证错误,html,validation,markup,Html,Validation,Markup,我在通过验证器w3将此文档作为XHTML检查时发现1个错误。这真的让我很烦，因为我已经看了很多遍了，但是我找不到它。有人能认出它吗 非常感谢你 这就是我得到的： 验证输出：1个错误 Error Line 342, Column 7: end tag for "div" omitted, but OMITTAG NO was specified </body> ✉ You may have neglected to close an element, or perhaps you
Error Line 342, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>
✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 190, Column 5: start tag was here
<div class="wrapper2 col4">
错误行342，第7列：省略了“div”的结束标记，但指定了省略标记号
✉
您可能忽略了关闭一个元素，或者您的意思是“自行关闭”一个元素，也就是说，以“/>”而不是“>”结尾。
信息行190，第5列：开始标记在这里
<!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" dir="ltr">
<head>
<title>The Pig & Whistle SW18</title>
<!-- meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<meta http-equiv="imagetoolbar" content="no"></meta>
<link rel="stylesheet" href="styles/layout.css" type="text/css"></link>
<meta name="description" content="The Pig and Whistle is Pub situated in Earlsfield, South West London, serving the lovely areas of Wimbledon, Southfields and Wandsworth. Once an off licence and hardware store in 1974, the Pig and Whistle is a great pub with mostly friendly faces, sports, well kept beer and excellent food. "></meta>
<meta name="keywords" content="earlsfield, southfields, beer, ale, London, pub, bar, garden, sw18, wandsworth, friendly, traditional pub, food, youngs, atmosphere, local pub"></meta>
<!-- meta tags end -->
<!-- script JS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script src="slides.jquery.js" type="text/javascript"></script>
<script src="slides.min.jquery.js" type="text/javascript"></script>
<!-- script JS end -->
<!-- favicon -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon"></link>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"></link>
<!-- end favicon -->
<!-- contact form ajax -->
<script language="javascript" type="text/javascript" >
$(function(){
$("#ContactForm").submit(function(){
$("#submitf").value='Please wait...';
$.post("process.php?send=comments", $("#ContactForm").serialize(),
function(data){
if(data.frm_check == 'error'){
$("#message_post").html("<div class='errorMessage'>ERROR: " + data.msg + "!</div> ");
document.ContactForm.submitf.value='Resend >>';
document.ContactForm.submitf.disabled=false;
} else {
$("#message_post").html("<div class='successMessage'>Thank you. We'll be in touch shortly.</div>");
$("#submitf").value='Send >>';
}
}, "json");
return false;
});
});
</script>
<style type="text/css">
.errorMessage{color: #fff;background-color: #ce0c0c;padding: 5px;margin: 0px; width:350px; opacity:0.6;
filter:alpha(opacity=60);}
.successMessage{color: #fff;background-color: green;padding: 5px;margin: 0px; width:350px; opacity:0.6;
filter:alpha(opacity=60); }
h2 {
margin: 25px 0 5px 0;
}
ul li { display: inline; }
.wide {
border-bottom: 1px #000 solid;
width: 4000px;
}
.fleft { float: left; margin: 0 20px 0 0; }
.cboth { clear: both; }
#main {
background: #fff;
margin: 0 auto;
padding: 30px;
width: 1000px;
}
</style>
<!-- contact form ajax end -->
</head>
<body id="top">
<!-- scroll function -->
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
<a href="#" class="scrollup">Scroll</a>
<!-- scroll function end -->
<!-- image slides -->
<script type="text/javascript">
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'loading.gif',
play: 5000,
pause: 2500,
hoverPause: false,
effect: 'fade',
crossfade: true
});
});
</script>
<!-- image slides end -->
<!-- top column, nav, logo -->
<div class="wrapper col1">
<div id="header">
<!-- top nav -->
<div id="topnav">
<ul>
<li><a href="contact_us.html">Contact Us</a><span>find us</span></li>
<li><a href="gallery.html">Gallery</a><span>visit us</span>
</li>
<li><a href="#">Menus</a><span>food & drink</span>
<ul>
<li><a href="menus.html">Drinks</a></li>
<li><a href="food.html">Food</a></li>
</ul>
</li>
<li class="active"><a href="index.html">Home</a><span>main page</span></li>
</ul>
</div>
<!-- top nav -->
<p class="imgholder"><img src="images/pig_logo.jpg" alt="The Pig & Whistle logo" width="319" height="53" /></p>
</div>
<br class="clear" />
<br />
</div>
<!-- top column, nav, logo -->
<!-- second column content -->
<div class="wrapper col2">
<div id="intro">
<div class="fl_left">
<h1>WELCOME to The Pig and Whistle Pub!</h1>
<p align="justify">Located within a short walking distance of Earlsfield, Southfields, Wimbledon Park and Wandsworth, the Pig and Whistle pub welcomes you with a warm, inviting and friendly atmosphere... <a href="#codeword">Discover More About Us »</a></p>
</div>
<div class="fl_right">
<ul>
<li><a href="#"><img src="images/piggyframe.png" alt="The Pig & Whistle SW18" width="350" height="250" border="0" align="right"></img></a></li>
</ul>
</div>
<br class="clear" />
</div>
</div>
<!-- second column content -->
<!-- third column content -->
<div class="wrapper col3">
<div id="latest">
<ul>
<li>
<h2>Great Food</h2>
<p class="imgholder"><img src="images/food.jpg" alt="Good Food"></img></p>
<p align="justify">Whether you fancy a Light Lunch or something more wholesome our new menu has something for everyone to enjoy. <!--<a href="#">More »</a>--></p>
</li>
<li>
<h2>Live Sport </h2>
<p class="imgholder"><img src="images/footy.jpg" alt="Sports"></img></p>
<p align="justify">With Sky Sports and ESPN we have all the live Premier League Football for you to enjoy, as well as all the major sporting events.</p>
</li>
<li class="last">
<h2>Beer Garden</h2>
<p class="imgholder"><img src="images/garden.jpg" alt="Garden"></img></p>
<p align="justify">Relax and enjoy summer evenings enjoying the fresh air in our new beer garden. Escape from the city and enjoy a nice cold pint! <!--<a href="#">More »</a>--></p>
</li>
</ul>
<br class="clear" />
</div>
</div>
<!-- Column -->
<div class="wrapper col4">
<a name="codeword"> </a><div id="container">
<div id="content">
<h2>A little bit more about us:</h2>
<p align="justify">
We have just taken over the tenancy of The Pig and Whistle-so you will see a couple of new faces, but we hope you feel just as welcome!
Once an off licence, the Pig and Whistle is a great little pub with friendly faces, well kept beer and excellent food.
<br />
<br />
Despite more emphasis on food and lager, the young bar manager, Charlotte, take a pride in having the best traditional real ales to offer. It is part of Young & Co’s Brewery pubs, a chain of respectable pubs scattered across the country.
<br />
<br />
We hope you notice a few positive changes around the pub, from new furniture, refurbished toilets, a specials board and a few new products on the bar.
We know it is a great pub already and hope to make it even better.<br />
<br />
We do a quiz on a Monday Night from 8pm and have heated huts in the garden which you are able to reserve.
<br />
<br />
Charlotte and her team will be looking after you as wonderfully as they have always done.
<br />
<br />
Please come in and try it and any feedback is valued!!</p>
</div>
<div id="column">
<div class="holder">
<h2 class="title"><img src="images/quiz.jpg" alt=""></img>Quiz Night on Mondays</h2>
<p align="justify">Monday Quiz Night - £1 entry. Starts at 20:00ish, so come early to grab your team a table. </p></div>
<div class="holder2"><h2 class="title">Features</h2>
<br />
<dl>
<dt><img src="images/icon-wifi.png" alt="Wifi Available"></img></dt>
<dd>Wifi Available</dd>
<dt><img src="images/icon-dogs.png" alt="Dogs Welcome"></img></dt>
<dd>Dogs Welcome</dd>
<dt><img src="images/icon-disabled.png" alt="Disabled Toilets"></img></dt>
<dd>Disabled Toilets</dd>
<dt><img src="images/icon-sports.png" alt="Matches Shown"></img></dt>
<dd>Matches Shown</dd>
<dt><img src="images/icon-ales.png" alt="Ales Available"></img></dt>
<dd>Ales Available</dd>
<dt><img src="images/icon-outside.png" alt="Outside Tables"></img></dt>
<dd>Outside Tables</dd>
<dt><img src="images/icon-quiz.png" alt="Ales Available"></img></dt>
<dd>Quiz Night</dd>
<dt><img src="images/icon-fireplace.png" alt="Outside Tables"></img></dt>
<dd>Fireplace</dd>
<dt><img src="images/icon-food.png" alt="Food Served"></img></dt>
<dd>Food Served</dd>
<dt><img src="images/icon-cashback.png" alt="Cashback Available"></img></dt>
<dd>Cashback Given</dd>
</dl>
</div>
</div>
<br class="clear" />
</div>
<div class="wrapper col5">
<div id="footer">
<!-- contact form in the footer -->
<div id="contactform">
<h2>Why Not Contact Us Today !</h2>
<form action='' method='post' name='ContactForm' id='ContactForm' >
<fieldset>
<legend>Contact Form</legend>
<label for="fullname">Name:
<input id="fullname" name="uname" type="text" value="" />
</label><br class="clear" />
<label for="emailaddress" >Email:
<input id="emailaddress" name="uemail" type="text" value="" />
</label>
<label for="telephone" class="margin">Telephone:<br />
<input id="telephone" name="title" type="text" value="" />
</label><br class="clear" />
<label for="message">Message:
<textarea id="message" name="message" cols="40" rows="9"></textarea>
</label>
<br class="clear" />
<div id='message_post'></div>
<p>
<input id="submitf" name="submitf" type="submit" value="Submit" />
<input id="reset" name="reset" type="reset" value="Reset" />
</p>
</fieldset>
</form>
</div>
<!-- contact form in the footer end -->
<!-- footer -->
<!-- business hours -->
<div class="fl_right">
<div class="footbox">
<h2>Opening Hours:</h2>
<p>Mon - Sat:
<b style="float:right; width:130px;">12:00 - 00:00</b>
<br />
Sunday: <b style="float:right; width:130px;"> 09:00 - 22:30</b>
</p>
<div class="footbox address">
<p><b>481 Merton Road
<br />Wandsworth
<br />London - SW18 5LD
<br />
<a href="skype:+442088741061?call"><img src="images/skype.png" alt="Skype"></img></a>Phone:<a href="tel:020 8874 1061"> + 44 20 8874 1061</a></b></p>
</div>
</div>
<div class="footbox last">
<h2>Food Serving Hours:</h2>
<p>Monday <b style="float:right; width:130px;">12:00 - 15:00</b>
<br />
to Friday: <b style="float:right; width:130px;">18:00 - 22:00</b></p>
<p>Saturday: <b style="float:right; width:130px;">12:00 - 22:00 </b></p>
<p>Sunday: <b style="float:right; width:130px;">09:00 - 22:00 <br />
</b>
</p>
</div>
<!-- business hours -->
<div class="footbox social"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/thepigandwhistlesw18"
scrolling="no" frameborder="0"
style="border: none; width: 285px; height: 80px;"></iframe></div>
<div class="footbox social-fb">
<a href="http://www.facebook.com/thepigandwhistlesw18" target="_blank"><img src="images/facebook.png" alt="facebook page" ></img></a></div>
<div class="footbox social-fb" ><a href="https://twitter.com/PigandWhistleSW" target="_blank"><img src="images/twitter.png" alt="twitter page" ></img></a> </div>
<br class="clear" />
<div class="footbox cloud"><a href="http://www.thecloud.net/free-wifi/"target="_blank"><img src="images/thecloud.png" alt="the cloud page" ></img></a> </div>
<br class="clear" />
<div class="footbox tastecard"><a href="http://www.tastecard.co.uk/restaurant/details/7930/The-Pig-and-Whistle" target="_blank"><img src="images/tastecard.png" alt="tastecard page" ></img></a> </div>
<br class="clear" />
<div class="footbox youngs"><a href="http://www.youngs.co.uk/pub-detail.asp?PubID=309"target="_blank"><img src="images/youngs.png" alt="young's" ></img></a> </div>
<br class="clear" />
</div>
<br class="clear" />
</div>
</div>
<div class="wrapper col6">
<div id="copyright">
<p class="fl_left">Copyright © 2013 - All Rights Reserved - <a href="index.html">The Pig & Whistle</a></p>
<!-- bottom nav -->
<div class="fl_right">
<a href="index.html">homepage |</a>
<a href="menus.html">menus |</a>
<a href="gallery.html">gallery |</a>
<a href="contact_us.html">contact us</a></div>
<br class="clear" />
</div>
<!-- bottom nav end-->
<!-- end footer -->
</div>
</body>
</html>
猪与猪；口哨SW18
$（函数（）{
$（“#ContactForm”）.submit（函数（）{
$（“#submitf”）.value='请稍候…'；
$.post（“process.php？send=comments”，$（“#ContactForm”）.serialize（），
功能（数据）{
如果（data.frm_check=='error'）{
$（“#message_post”）.html（“div class='errorMessage'ERROR:“+data.msg+”！/div”）；
document.ContactForm.submitf.value='Resend>>'；
document.ContactForm.submitf.disabled=false；
}否则{
$（“#message_post”）.html（“div class='successessage'谢谢。我们很快就会联系。/div”）；
$（“#submitf”）.value='Send>>；
}
}“json”）；
返回false；
});
});
.errorMessage{color:#fff；背景色：#ce0c0c；填充：5px；边距：0px；宽度：350px；不透明度：0.6；
过滤器：alpha（不透明度=60）；}
.successage{color:#fff；背景色：绿色；填充：5px；边距：0px；宽度：350px；不透明度：0.6；
过滤器：alpha（不透明度=60）；}
氢{
利润率：25px0.5px0；
}
ul li{显示：内联；}
.宽{
边框底部：1px#000实心；
宽度：4000px；
}
.fleft{float:左；边距：0 20px 0；}
.cboth{clear:两个；}
#主要{
背景：#fff；
保证金：0自动；
填充：30px；
宽度：1000px；
}
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.scrollup'）.fadeIn（）；
}否则{
$（'.scrollup'）.fadeOut（）；
}
});
$（'.scrollup'）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，600）；
返回false；
});
});
$（函数（）{
$（“#幻灯片”）。幻灯片({
预加载：正确，
预加载图像：“正在加载.gif”，
播放：5000，
暂停：2500，
暂停：错，
效果：“褪色”，
交叉褪色：真的
});
});
- 找到我们
- 访问我们
- 食物及卫生局；喝
主页面
欢迎来到猪和哨子酒吧！
位于厄尔斯菲尔德、索斯菲尔德、温布尔登公园和旺德斯沃思附近，以温暖、诱人和友好的氛围欢迎您
美食
无论您喜欢清淡的午餐还是更健康的午餐，我们的新菜单都有让每个人都能享受的东西
现场运动
借助天空体育和ESPN，我们为您提供了所有现场直播的英超足球比赛，以及所有重大体育赛事
啤酒园
在我们新的啤酒花园里，放松身心，享受夏日夜晚的新鲜空气。逃离城市，享受一杯冰镇啤酒
食物供应时间：
星期一12:00-15:00
至星期五：18:00-22:00
星期六：12:00-22:00
星期日：09:00-22:00
版权和副本；2013年-保留所有权利-
div
divdiv<div class="wrapper col4">