点击Font Awesome图标时超链接失效问题求助

你的代码里存在一个HTML标签语法错误，这是导致超链接跳转异常的直接原因：

在这段代码中：

<h5 class="mil-muted mil-mb-5">Eugen Kelemen</a></h5>

<h5>标签内部并没有对应的<a>起始标签，却多了一个</a>闭合标签。浏览器的HTML解析器遇到这种不匹配的标签时，会尝试自动修正DOM结构，但这种修正会打乱后续链接的正常解析逻辑，最终把Instagram链接的绝对路径错误识别成相对路径，导致点击后跳转到当前域名下的/eugen.jk/。

修复后的代码 #

只需把多余的</a>删掉：

<div class="mil-team-card mil-up mil-mb-30">
    <img src="img/faces/Eugen.jpg" alt="Team member">
    <div class="mil-description">
        <div class="mil-secrc-text">
            <h5 class="mil-muted mil-mb-5">Eugen Kelemen</h5>
            <p class="mil-link mil-light-soft mil-mb-10">Founder, CEO, Videography, Photography, Visual Effects</p>
            <ul class="mil-social-icons mil-center">
                <li><a href="https://www.instagram.com/eugen.jk/" target="_blank" class="social-icon"> <i class="fab fa-instagram"></i></a></li>
            </ul>
        </div>
    </div>
</div>

修复后，浏览器能正确解析Instagram的绝对链接，点击图标就能正常跳转到目标地址了。

内容的提问来源于stack exchange，提问作者Eugen Kelemen