链接在 HTML 中不起作用。 我用过 ”<a href="”fileName“"></a> “ 标签

Question

我的链接在 HTML 中不起作用，我不知道为什么。

<div class="banner-text">
    <ul>
                <li><h3><a href="chawla.html">HOME</a></h3></li>
                </li><h3><a href="about.html">ABOUT US</a></h3></li>
                </li><h3><a href="cont.html">CONTACT</a></h3></li>
                </li><h3><a href="stud.html">STUDENT's CORNER</a></h3></li>
    </ul>
    <h1 class="big">CHAWLA CLASSES</h1>
</div>

Answer 1

使用验证器。

只有<li>元素可以是<ul>元素的子元素。

将链接放在列表项中，而不是相反。

---

旁白：

• 标题应使用 3 级标题元素。 如果列表项的全部内容都是标题，则说明您使用了错误的标记。 如果要格式化列表项，请应用 CSS。
• 屏幕阅读器将倾向于逐个字母地拼出全部大写的单词。 如果您想以大写字母在视觉上呈现某些内容：使用 CSS text-transform属性。

Answer 2

将锚标记放在<li>标记内。 如果它不起作用，请转到开发人员控制台进行跟踪。

Answer 3

你应该像这样改变它

<ul>
  <li> <a href="chawla.html">Home</a> </li>
   <li> <a href="about.html">About Us</a> </li>
  <li> <a href="cont.html">Contact</a> </li>
  <li> <a href="stud.html">Student's Corner</a> </li>
</ul>

更新：好吧，我再次检查，但它有效。 有截图

1

2