Question

我无法弄清楚我做错了什么。

这是我的代码

<nav id="nav">
    <ul>
        <li><a href="index.html">Home</a></li></li>
        <li><a href="#" onClick="reloadPage()">Refrescar</a></li>
        <li><a href="facebook_link" <i class="fa fa-facebook-square fa-lg"></i></li>
        <li><a href="picasa_link" <i class="fa fa-camera fa-lg"></i></li>
    </ul>
</nav>
</div>

这是Dreamweaver预览： http://prntscr.com/34l5x9

这是我加入谷歌浏览器的结果： http://prntscr.com/34l64g

为什么会发生这种情况？我怎样才能更改代码来修复它？

Answer 1

您尚未正确关闭<a>代码：

<nav id="nav">
    <ul>
        <li><a href="index.html">Home</a></li></li>
        <li><a href="#" onClick="reloadPage()">Refrescar</a></li>
        <li><a href="facebook_link"><i class="fa fa-facebook-square fa-lg"></i></a></li>
        <li><a href="picasa_link"><i class="fa fa-camera fa-lg"></i></a></li>
    </ul>
</nav>

Answer 2

此处html存在几个问题。您需要在打开标签后关闭它们，并且不能像过去那样将<i>放在另一个元素内。

试试这个：

<div>
  <nav id="nav">
    <ul>
       <li><a href="index.html">Home</a></li>
       <li><a href="#" onClick="reloadPage()">Refrescar</a></li>
       <li><a href="facebook_link"><i class="fa fa-facebook-square fa-lg"></i></a></li>
       <li><a href="picasa_link"><i class="fa fa-camera fa-lg"></i></a></li>
    </ul>
  </nav>
</div>

Answer 3

<li><a href="facebook_link" <i class="fa fa-facebook-square fa-lg"></i></li>
<li><a href="picasa_link" <i class="fa fa-camera fa-lg"></i></li>

应该是：

<li><a href="facebook_link"> <i class="fa fa-facebook-square fa-lg"></i></a></li>
<li><a href="picasa_link"> <i class="fa fa-camera fa-lg"></i></a></li>

您的<a></a>无效

＆＃34; Font Awesome Icons＃34;乘法奇迹？|

3 个答案: