Ошибка w3validator, которую я не могу исправить - PullRequest
Новая
       52

Ошибка w3validator, которую я не могу исправить

0 голосов
/ 05 июня 2018

Я почти участвовал в проекте, над которым я работал в течение некоторого времени, я использовал w3validator для проверки на наличие ошибок, и в нижнем колонтитуле есть несколько таких, которые я не могу решить.

Я добавил свой jsfiddle (https://jsfiddle.net/webi108/zuet60sv/)

  1. Ошибка: начальный тег видимого, но элемент того же типа уже открыт.

Отстрока 307, столбец 45; строка 307, столбец 48

ивенты ↩

Ошибка: самозакрывающийся синтаксис (/>), используемый для непустого элемента HTML.Игнорирование косой черты и обработка в качестве начального тега.

Из строки 307, столбец 45;по строке 307, столбец 48

* * * * * * * * * * 

  <footer class="container footer">
    <div class="row">
      <!--section 1 links-->
      <div class="col-sm-3">
        <div id="cat-1">
          <h6>About</h6>
          <ul>
            <li><a href="#">About Company<a/></li>
            <li><a href="#">Help <a/></li>
            <li><a href="#">Returns<a/></li>
            <li><a href="#">Sizes<a/></li>
            </ul>
          </div>
        </div>

        <div class="col-sm-3">
        <!--section 2 lniks-->
        <h6>Useful Links</h6>
        <div id="cat-2">
          <ul>

            <li><a href="#">Testimonials<a/></li>
            <li><a href="#">Store Location<a/></li>
            <li><a href="#">Site Map<a/></li>

            </ul>
          </div>
        </div>

        <div class="col-sm-3">
        <!--section 3 links-->
        <h6>Documentation</h6>
        <div id="cat-3">
          <ul>
            <li><a href="#"><li>RISQS Certificate</li><a/>
            <li><a href="#"><li>Insurance</li><a/>
            <li><a href="#">Library<a/></li>
            </ul>
          </div>
        </div>

        <!--section 4 links and logs-->
      <div class="col-sm-3">

      </div>


  </footer>

1 Ответ

0 голосов
/ 05 июня 2018

Вы не закрыли все свои ссылки.<a href=""></a> Должен быть правильный способ их использования.

Более того, вы открыли несколько элементов списка в элементе списка в третьем списке, не закрывая их.

И последнее, но не менее важное: вы не закрыли <div class="row">

. Приведенный ниже код должен работать. 

<footer class="container footer">
    <div class="row">
        <!--section 1 links-->
        <div class="col-sm-3">
            <h6>About</h6>
            <div id="cat-1">
                <ul>
                    <li><a href="#">About Company</a></li>
                    <li><a href="#">Help </a></li>
                    <li><a href="#">Returns</a></li>
                    <li><a href="#">Sizes</a></li>
                </ul>
            </div>
        </div>

        <!--section 2 lniks-->
        <div class="col-sm-3">
            <h6>Useful Links</h6>
            <div id="cat-2">
                <ul>
                    <li><a href="#">Testimonials</a></li>
                    <li><a href="#">Store Location</a></li>
                    <li><a href="#">Site Map</a></li>
                </ul>
            </div>
        </div>
        
        <!--section 3 links-->
        <div class="col-sm-3">
            <h6>Documentation</h6>
            <div id="cat-3">
                <ul>
                    <li><a href="#">RISQS Certificate</a></li>
                    <li><a href="#">Insurance</a></li>
                    <li><a href="#">Library</a></li>
                </ul>
            </div>
        </div>

        <!--section 4 links and logs-->
        <div class="col-sm-3">

        </div>
    </div>
</footer>
...