时间戳

首页 > 解决方案 > 随机的网站上线后出现在 HTML 代码中

html - 随机的网站上线后出现在 HTML 代码中

问题描述

基本上我的问题就是我的问题在说什么。在一段时间之前，我们使用 Django 构建了一个站点，并且它是在 DB 中构建的。该网站有一些问题，但我们修复了它并且我们得到了它。在那之后，我们在页脚中看到了一个重大错误，所有三个部分都不合适。这是在我们 incpect 元素之后在 HTML 代码中随机执行的：

这就是在每个页面中实现页脚的方式。

</body>
{% include "main/footer.html" %}
</html>

服务器中的页脚代码

<div class="content">
<section>
    <img class="footer-logo" src="{% static 'material/imgs/logo_banner_inverted.svg' %}" alt="" srcset="">

    <!-- <p><i class="fa fa-folder">&nbsp;</i>dummy@gmail.com</p> -->
</section>

<section class="inline">
    <h4 >Our Social Media</h4>
    <ul class="">
        <li class="no-bottom"><a href="https://www.facebook.com/UNSOCLawAUTh"><i class="fa fa-facebook">&nbsp;&nbsp;</i>Facebook</a></li>
        <li class="no-bottom"><a href="https://www.instagram.com/unsoc.law.auth/"><i class="fa fa-instagram">&nbsp;</i>Instagram</a></li>
        <li class="no-bottom"><a href="#"><i class="fa fa-linkedin ">&nbsp;</i>Linkedin</a></li>
    </ul>
</section>

<section>
    <h4 >Menu</h4>
    <ul>
        <li><a href="{% url 'home' %}"><i class="">&nbsp;</i>Home</a></li>
        <li><a href="{% url 'about-us' %}"><i class="">&nbsp;</i>About us</a></li>
        <li><a href="{% url 'contact_form' %}"><i class="">&nbsp;</i>Contact</a></li>
    </ul>
</section>
</div>

实时站点中显示的页脚代码

<a>
                    </a><div class="content"><a>
                        <section>

                            <img class="footer-logo" src="/static/material/imgs/logo_banner_inverted.svg" alt="" srcset="">

                            <!-- <p><i class="fa fa-folder">&nbsp;</i>dummy@gmail.com</p> -->
                        </section>

                        </a><section class="inline"><a>
                            <h4>Our Social Media</h4>
                            </a><ul class=""><a>
                                </a><li class="no-bottom"><a></a><a href="https://www.facebook.com/UNSOCLawAUTh"><i class="fa fa-facebook">&nbsp;&nbsp;</i>Facebook</a></li>
                                <li class="no-bottom"><a href="https://www.instagram.com/unsoc.law.auth/"><i class="fa fa-instagram">&nbsp;</i>Instagram</a></li>
                                <li class="no-bottom"><a href="#"><i class="fa fa-linkedin ">&nbsp;</i>Linkedin</a></li>
                            </ul>

                        </section>
                        <section>
                            <h4>Menu</h4>
                            <ul>
                                <li><a href="/"><i class="">&nbsp;</i>Home</a></li>
                                <li><a href="/about"><i class="">&nbsp;</i>About us</a></li>
                                <li><a href="/contact/"><i class="">&nbsp;</i>Contact</a></li>
                            </ul>
                        </section>

我不是专家，我做了一些研究，它看起来就像一个错误。

标签： htmlcsspython-3.xdjango

解决方案

这确实是一个错误。似乎问题甚至不在页脚，而是在生成的页面中。在页面的文本中，我们有这个代码<a class="hover-link a-link" href="some-link"> Link for text </a>。

不知何故导致了意外的错误（如果有人知道这是怎么发生的，我会很乐意学习）。

我们的解决方案是像这样改变它<h><a class="hover-link a-link" href="some-link"> Link for text </a></h>

推荐阅读