<一个 href> 在整个页面上而不是在内部<nav>



我试着用4个链接制作菜单,但其中一个可以在整个页面的任何地方点击。我试着寻找未关闭的标签,但似乎什么都找不到。我还尝试使用检查代码错误的网站,他们说有未关闭的标记,但要么我是盲人,要么没有未关闭的标签…:/我知道这是个难题,但我现在要花20分钟来寻找未闭合的标签?我找不到的。

编辑:about.html如果我点击页面上的任何位置,就会打开

我不知道如何上传文件,所以我只是在下面粘贴代码(我也有一些css代码,但我不认为css是问题所在(:

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta name="description" content="opis strony" />
<link href="https://fonts.googleapis.com/css?family=Patrick+Hand&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="Style.css">
<title> Kurs HTML i CSS3</title>
</head>
<body>
<div class="container">
<header>
<div class="title">
<h1>Kurs HTML5 i CSS3</h1>
</div>
<nav>
<ul>
<li><a href="index.html">Start</li>
<li><a href="html5.html">HTML5</li>
<li><a href="css3.html">CSS3</li>
<li><a href="about.html">O mnie</li>
</ul>
</nav>
</header>
<div class="content">
<div class="main-content">
<section>
<article id="html5">
<h2>Artykuł o HTML5</h2>
<figure>
<img src="html5.png">
<figcaption>Logo HTML5</figcaption>
</figure>
<p>Witaj na mojej stronie poświęconej HTML5 i CSS3</p>
</article>
<article id="css3">
<h2>Artykuł o CSS3</h2>
<figure>
<img src="css3.png">
<figcaption>Logo CSS3</figcaption>
</figure>
<p>
Przykładowa treść 1 <br>
Przykładowa treść 2
</p>
</article>
</section>
</div>

<div class="sidebar">
<aside>
<h2>JavaScript</h2>
<p>Warto wiedzieć, że do tworzenia stron internetowych często wykorzystuje się również język JavaScript.
Pozwala on na zaprojektowanie interaktywnych stron internetowych poprzez reagowanie na zdarzenia.</p>
</aside>
</div>
</div>

<footer>Wszelkie prawa zastrzeżone &copy</footer>
</div>
</body>

问题就在这里:

<nav>
<ul>
<li><a href="index.html">Start</li>
<li><a href="html5.html">HTML5</li>
<li><a href="css3.html">CSS3</li>
<li><a href="about.html">O mnie</li>
</ul>
</nav>

你应该以这种方式关闭链接文本后的元素:

<nav>
<ul>
<li><a href="index.html">Start</a></li>
<li><a href="html5.html">HTML5</a></li>
<li><a href="css3.html">CSS3</a></li>
<li><a href="about.html">O mnie</a></li>
</ul>
</nav>

如果你不关闭它,a元素之后的所有东西都在锚元素的"内部">

最新更新