指向 Twitter 个人资料的图片链接答案

【问题标题】：Image links to Twitter profile指向 Twitter 个人资料的图片链接
【发布时间】：2015-02-10 10:24:09
【问题描述】：

我目前正在处理我的网站，但遇到了问题。我有一个 Twitter 按钮，它链接到我的 Twitter 个人资料，但是当我在网站上制作图像或文本时，它变成了一个链接，如果我点击它，它就会转到 Twitter 个人资料。我似乎找不到错误。

这是我的一些代码。

<!DOCTYPE html>

    <title>Home</title>

        <div class="PageLinkBar">
            <ul class="ScrollPagelsidebar">

                <li><a href="contact.html">Contact</a></li>
                <li><a href="company.html">Company</a></li>
                <li><a href="games.html">Games</a></li>

            </ul>
        </div>

    <div class= "image2">
            <a href="index.html"><img src="image2.png" alt="image2" title="image2" border="0" width= 150px; height= 100px; />
    </div>

    <div class="twitterbutton">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/>
    </div>

    <div class="image2">
            <img src="image2.png" alt="image2" style="width:1050px;height:530px">
    </div>

    <div class="image">
            <img src="image.png" alt="image" style="width:400px;height:40px">
    </div>

    <div class="TwitterbuttonNRGindex">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/>
    </div>

【问题讨论】：

标签： html css twitter hyperlink web

【解决方案1】：

twitter 按钮和 twitterbuttonnrgindex 缺少 </a> 结束标记。这可能会导致所有内容都显示为链接，因为浏览器认为所有内容都在 <a> 标记中。

【讨论】：

非常感谢，拯救了我的一天。

【解决方案2】：

你需要关闭你的<a>标签，如下：

<!DOCTYPE html>
    <title>Home</title>

        <div class="PageLinkBar">
            <ul class="ScrollPagelsidebar">

                <li><a href="contact.html">Contact</a></li>
                <li><a href="company.html">Company</a></li>
                <li><a href="games.html">Games</a></li>

            </ul>
        </div>

    <div class= "image2">
            <a href="index.html"><img src="image2.png" alt="image2" title="image2" border="0" width= 150px; height= 100px; /></a>
    </div>

    <div class="twitterbutton">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/></a>
    </div>
    <div class="image2">
            <img src="image2.png" alt="image2" style="width:1050px;height:530px">
    </div>

    <div class="image">
            <img src="image.png" alt="image" style="width:400px;height:40px">
    </div>

    <div class="TwitterbuttonNRGindex">
            <a href="https://twitter.com/"><img src="TwitterLogo.png" alt="Twitter" title="Twitter logo" border="0" width=29; height=29;/></a>
    </div>

【讨论】：