Question

我有以下代码，而未包含在锚标记中的段落标记是自动生成锚标记。 “在社交媒体上与我们联系”段落就是问题所在。在使用firebug进行检查时，它会链接到重定向页面。为什么这只发生在这个地方？我根本不希望它成为一个链接。

<div class="col-lg-6 col-sm-6 social">
    <p>Connect with us on social media</p>
    <p>
        <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a>
         / 
        <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a>
    </p>
</div>

以下是这些课程的CSS：

#footer .social {
text-align: right;}

#footer .facebook {
color: #685642;}

#footer .twitter {
color: #685642;}

.col-lg-6 {
width: 50%;}

.col-sm-6 {
width: 50%;}

最后两个是twitter bootstrap脚手架类。我很确定问题不在于那些问题。它们适用于不同的屏幕分辨率，因此它不是重复的代码。

Answer 1

问题在于html代码，如果在任何锚点的最后一个丢失results结束标记，它将作为锚点生效。

在您有问题的部分之前，您可能误以为</a>结束了之前的锚点。

Answer 2

一般来说，人们会在段落之外放置锚标签。不要这样做：

<div class="col-lg-6 col-sm-6 social">
<p>Connect with us on social media</p>
<p><a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a> / 
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a></p>
</div>

而是试试这个：

<div class="col-lg-6 col-sm-6 social">
    <p>Connect with us on social media</p>
    <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">
        <p>Facebook</p>
    </a>
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">
        <p>Twitter</p>
    </a>
</div>

段标记自动生成锚标记

2 个答案: