0
我下載了一個關於響應式動畫網站教程的練習文件，並且在我的代碼編輯器（Brackets）頁面末尾，body和html標籤以紅色顯示，就好像有錯誤，我不知道爲什麼。誰能告訴我？爲什麼我的頁面上的正文和html標籤在Brackets中顯示爲紅色？
另外，找出我自己的最佳方法是什麼？我點擊了「方括號」工具欄中的「調試」，但它給了我錯誤所在的行 - 頁面上的167和168，僅此而已。幫助不大。謝謝。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Gym - Personal Training</title>
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="css/font-awesome.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/waypoints.css">
<script src="js/query.waypoints.min.js" type="text/javascript"></script>
<script src="js/waypoints.min.js" type="text/javascript"></script>
</head>
<body>
<header>
<div id="header-inner">
<a href="index.html" id="logo"></a>
<nav>
<a href="a" id="menu-icon"></a>
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="a">About</a></li>
<li><a href="a">Facility</a></li>
<li><a href="a">Pricing</a></li>
<li><a href="a">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!--- Start Slider -->
<script src="js/jquery.bxslider.min.js"></script><!--For Image Slider-->
<div class="slide-wrap">
<section class="slider">
<ul class="slider1">
<li><img src="https://www.w3newbie.com/wp-content/uploads/chest-fly.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/push-ups.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/inside-gym.png"></li>
<li><img src="https://www.w3newbie.com/wp-content/uploads/training.png"></li>
</ul>
</section>
</div>
<script type="text/javascript">
$('.slider1').bxSlider({
mode: 'fade',
captions: false,
auto:true,
pager:false,
});
$('.slider2').bxSlider({
pager:false,
captions: true,
maxSlides: 3,
minSlides: 1,
slideWidth: 230,
slideMargin: 10
});
$('.slider3').bxSlider({
mode: 'fade',
captions: false,
auto:true,
pager:false,
controls:false,
});
</script>
<!--- End Slider -->
<div class="clearfix"></div>
<div id="inner-wrapper">
<!---Start Waypoints Delayd Animation --->
<section class="staggered-animation-container">
<section class="os-animation" data-os-animation="fadeInLeftBig" data-os-animation-delay=".3s">
<section class="one-third">
<div class="circle">
<td><i class="fa fa-users"></i></td>
</div>
<h3>Grade A Staff</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
</section>
<section class="one-third">
<div class="circle">
<td><i class="fa fa-map-marker"></i></td>
</div>
<h3>A Convenient Location</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
<section class="one-third">
<div class="circle">
<td><i class="fa fa-check-square-o"></i></td>
</div>
<h3>Check us out - free!</h3>
<p>Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications. Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!</p>
</section>
<div class="clearfix"></div>
<article>
<img src="https://www.w3newbie.com/wp-content/uploads/gym-classes.png" class="circle-image">
</article>
<aside>
<h3>Our Facility</h3>
<br>
<ul class="gym">
<li><h4>Unlimited wifi Connection</h4></li>
<li><h4>member music requests & voting</h4></li>
<li><h4>open 24 hours/7 days a week</h4></li>
<li><h4>cardio machine movie theater</h4></li>
</ul>
</aside>
<div class="clearfix"></div>
<section class="one-third">
<h3>Ladies Section</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/ladies-gym.jpg">
<p>Included in our facility is a "ladies only" section of the gym where women can work out by themselves.</p>
</section>
<section class="one-third">
<h3>the gym floor</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/gym-floor.jpg">
<p>Our gym is as spacious as they come. Enjoy scenic views from the cardio equipment on the third floor.</p>
</section>
<section class="one-third">
<h3>free weights</h3>
<img src="https://www.w3newbie.com/wp-content/uploads/free-weights.jpg">
<p>Our free weights section has an extensive collection of dumbbels and Olympic plates for body building.</p>
</section>
<!---End Inner Wrapper--->
<div class="clearfix"></div>
<footer>
<div id="footer-inner">
<section class="one-third" id="footer-third">
<h3>Contact</h3>
<p class="footer-contact">The Gym<br>
<b class="phone">555-555-5555</b><br><br>500 Washington Road<br>Seattle, WA 98101</p></section>
<section class="one-third" id="footer-third">
<h3>Social</h3>
<br>
<ul class="social">
<li><a href="https://www.facebook.com/w3newbie" target="_blank"><i class="fa fa-facebook"></i></a></li><li><a href="https://plus.google.com/+DrewRyan_3/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://twitter.com/DrewOnCue" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.youtube.com/user/drewoncue" target="_blank"><i class="fa fa-youtube"></i></a></li>
</ul>
</section>
<section class="one-third" id="footer-third-last">
<h3>Pages</h3>
<br>
<h5>
<a href="index.html">home</a> <a href="#">about</a> <a href="#">facility</a> <a href="#">pricing</a>
<a href="#">contact</a>
</h5>
</section>
</div>
</footer>
<footer class="second">
<p>© The Gym, 2017</p></footer>
<!---End Waypoints Delayed Animation --->
</section>
</body>
</html>
如何做到這一點？通過手動點擊標籤旁邊的每個單獨的箭頭？如下面的截圖所示，當我爲div「inner-wrapper」執行此操作時，它顯示紅色的關閉div標籤（實際上，我無法在此處粘貼屏幕截圖 - 不知道爲什麼）。爲什麼？必須有結束標籤。 –
是的，這正是你如何做到的。我正在手機上查看你的代碼，但在我看來，你的內包裝div永遠不會關閉。它在哪裏顯示紅色的結束標記？它是在身體的結束標記之前嗎？因爲那就是它應該展示的地方，我想。如果在body的結束標記之前沒有結束標記，請嘗試添加一個，看看錯誤是否消失。 – Sorix
對不起 - 另一個海報指出沒有內包裝結束標籤，所以當我插入它（在評論「結束內包裝」之前），這是它顯示在紅色的地方。但我按照你的建議做了，我把它放在身體標記之前，現在所有紅色標記都消失了。奇怪的是，在視頻中，它顯示了一個關閉部分標記，後面緊跟在尾部之前的「end inner-wrapper here」註釋之前的關閉div標記。不幸的是，當我在實時預覽中查看頁面時，第一個「三分之一」類部分不顯示（在「幻燈片」div和旁邊）。 –