【问题标题】:Strange Anchor Tag Behavior - Awful [duplicate]奇怪的锚标记行为 - 糟糕[重复]
【发布时间】:2017-05-05 20:42:55
【问题描述】:

我知道这很愚蠢,但听着,我的页面中有这段 HTML 代码,但是当我在 Chrome 浏览器中打开它时,它显示出奇怪的行为(查看图片)。是的,我通过在 IE 浏览器中打开再次尝试了它,但结果相同,锚标记无法正常工作。我也尝试过禁用并删除我所有的 Javascript 文件和代码,但仍然如此。

任何帮助将不胜感激:)

图片:

HTML 代码:

<div class="post">
    <a href="#0">
        <div class="post-image">
            <img src="img/jan-erik-waider-1639.jpg" alt="" />
        </div>
        <div class="post-data align-center">
            <a class="post-category" href="#0">Personality</a>
            <div class="post-title">
                <h2>We swallow it fast, we choke. We get in our lungs</h2>
            </div>
            <div class="post-excerpt">
                <p>Awesome get some in our lungs, we. That's clear. We swallow it too fast, That's also clear. But for some
                    reason, we choke....</p>
            </div>
        </div>
    </a>
</div>

【问题讨论】:

  • ... 那么问题出在哪里?那会很有帮助。
  • 它应该如何工作?你期望它做什么?
  • 不要将a标签嵌入到另一个a标签中
  • 请查看图片,它不能正常工作。我在
    之后打开了 ANCHOR 标记并在关闭此 div 之前将其关闭。但在图像中它不像我用代码编写的那样工作。
  • @Carcigenicate 我认为问题在于a 没有正确地包装内容

标签: javascript html css


【解决方案1】:

在 HTML 语法中禁止嵌套锚元素。在实际方面,浏览器在其解析规则中有效地执行了此限制。

You can find a detailed reference here

【讨论】:

  • 天哪!谢谢。
【解决方案2】:

是的,HTML 语法中禁止嵌套锚元素。

您不能在 HTML5 之前的文档类型的标签内放置标签。但是你可以做这样的事情。

<a href="#0">
   <span id="bestprice">
   </span>
</a>

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签