<a href> на всей странице вместо <nav> - PullRequest
0 голосов
/ 09 ноября 2018

Я попытался создать меню с 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>

1 Ответ

0 голосов
/ 09 ноября 2018

Проблема здесь:

    <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 находится "внутри" элемента привязки

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...