无效的代码片段答案

【问题标题】：Non-valid code snippets无效的代码片段
【发布时间】：2015-12-24 05:12:23
【问题描述】：

我需要使我的网站有效以通过学校项目。在我的网站上，我实现的代码 sn-ps 很少，当我在 w3 验证器上检查它时，会弹出此错误：命名字符引用未由分号终止。（或者 & 应该被转义为 &。）

我不太明白错误信息。谁能解释一下？

<pre><code> <!-- Example of code (Carousel -->

       &ltdiv class="navbar navbar-fixed-top navbar-default" role="navigation"&gt
        &ltdiv class="container"&gt

           &ltbutton class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"&gt
              &ltspan class="icon-bar"&gt&lt/span&gt
              &ltspan class="icon-bar"&gt&lt/span&gt
              &ltspan class="icon-bar"&gt&lt/span&gt
           &lt/button&gt

           &lta class="navbar-brand" href="index.html"&gtFUTURE LOGO&lt/a&gt 
             &ltdiv class="visible-xs  clearfix"&gt&lt/div&gt


           &ltdiv class="navbar-collapse navbar-responsive-collapse collapse"&gt
              &ltul class="nav navbar-nav"&gt

                 &ltli&gt&lta href="index.html"&gt&ltspan class="glyphicon glyphicon-home"&gt&lt/span&gt Domu&lt/a&gt&lt/li&gt


                 &ltli&gt&lta href="obsahmp.html"&gtObsah MP&lt/a&gt&lt/li&gt

                 &ltli class="dropdown"&gt&lta href="#" class="dropdown-toggle" data-toggle="dropdown"&gt
                 Responzivní webdesign&ltstrong class="caret"&gt&lt/strong&gt&lt/a&gt
                    &ltul class="dropdown-menu"&gt
                      &ltli&gt&lta href="responzivniwebdesign.html"&gtCo to vlastně je?&lt/a&gt&lt/li&gt
                      &ltli&gt&lta href="webovarozvrzeni.html"&gtWebová rozvržení&lt/a&gt&lt/li&gt
                      &ltli&gt&lta href="howto.html"&gtTvorba responzivního webu&lt/a&gt&lt/li&gt

                      &ltli class="divider"&gt&lt/li&gt

                      &ltli class="dropdown-header"&gtCSS frameworky&lt/li&gt
                      &ltli&gt&lta href="frameworky.html"&gtCo, jak a proč?&lt/a&gt&lt/li&gt
                      &ltli&gt&lta href="bootstrap.html"&gtTwitter bootstrap&lt/a&gt&lt/li&gt
                    &lt/ul&gt&lt!-- End dropdown-menu--&gt
                 &lt/li&gt&lt!-- End dropdown--&gt

                 &ltli class="dropdown active"&gt&lta href="#" class="dropdown-toggle" data-toggle="dropdown"&gt
                 Použité komponenty&ltstrong class="caret"&gt&lt/strong&gt&lt/a&gt
                    &ltul class="dropdown-menu"&gt
                      &ltli&gt&lta href="navbar.html"&gtNavbar&lt/a&gt&lt/li&gt
                      &ltli&gt&lta href="carousel.html"&gtCarousel&lt/a&gt&lt/li&gt
                    &lt/ul&gt&lt!-- End dropdown-menu--&gt
                 &lt/li&gt&lt!-- End dropdown--&gt
              &lt/ul&gt&lt!--End nav--&gt
           &lt/div&gt&lt!-- End navbar-collapse--&gt
        &lt/div&gt &lt!-- End container--&gt
    &lt/div&gt &lt!-- End navbar--&gt



                </code></pre> <!-- End of example of code (Carousel -->

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决或您链接的站点无法访问，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Minimal, Complete, and Verifiable example (MCVE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
我实现了问题@j08691的代码

标签： html css twitter-bootstrap validation twitter-bootstrap-3

【解决方案1】：

您在页面上显示 HTML 语法，为此您使用了诸如 &lt;（代表 less than sign &lt;）之类的实体。除了在您的代码中，所有这些实体似乎都缺少;（只是&lt），这就是验证器所抱怨的。

当我将您的源代码复制到记事本中并将所有&lt 和&gt 替换为&lt; 和&gt; 时，验证器没有抛出任何错误。

（如果您尝试验证的代码实际上是代码框中的代码，那么您不应该在页面上运行验证...）

【讨论】：

我需要验证整个网页，不需要框中的代码对我有效@Talya S
我的答案就是这样。如果我误解了，您正在回复我添加为括号的内容 - 而我没有。该错误来自框中代码的编写方式，以在您的页面上显示为代码。您使用&lt 显示&lt; 符号，但有效语法为&lt;。