“ 标签,html,css,web,bootstrap-4"/>

首页 > 解决方案 > 链接在 HTML 中不起作用。我用过 ”“ 标签

问题描述

我的链接在 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>

标签: htmlcsswebbootstrap-4

解决方案


使用验证器

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

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


旁白:

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

推荐阅读