Блог

   <ul>
    <a href="#introduction"><li>Link to Intro</li></a>
    <a href="#main"><li>Link to Main part</li></a>
    <a href="#media"><li>Link to Media</li></a>
  </ul>
 

почему приведенный выше код не работает, но приведенный ниже код работает так, как он должен работать (ссылки на содержимое той же веб-страницы)

   <ul>
    <li><a href="#introduction">Link to intro</a></li>
    <li><a href="#main">Link to Main part</a></li>
    <li><a href="#media">Link to Media</a></li>
  </ul>
 

Ваш первый пример-неверный HTML:

• ul могут иметь только li , script и template детей. В вашем примере ul есть a дети. Сравните «Разрешенный контент».
• li может быть только ol , ul , или menu родитель. В вашем примере li у a вас есть родители. Сравните «Разрешенные родители».

Что происходит с недопустимым HTML-кодом, не указано, и на него нельзя полагаться.

Никогда не пишите неверный HTML.

Чтобы проверить ваш HTML на достоверность, воспользуйтесь службой проверки W3Cs (это бесплатно!).