Правильность в размещении тегов (Ругается валидатор)

stas9238 · 17 января 2014

Ребят, не могли бы вы помочь с расстановкой тегов <li> и </ul> (закрытие и открытие) валидатор ругается..


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<!--ВКОНТАКТЕ HEAD-->

	<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

	<script type="text/javascript">

  VK.init({apiId: 4063131, onlyWidgets: true});

</script>

	<!--ВКОНТАКТЕ HEAD-->

{headers}

	<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon"/>

<link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" />

<!--[if lte IE 7]-->

<link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" />

<!--[endif]-->

<!--[if IE 8]-->

<link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" />

<!--[endif]-->

<script type="text/javascript" src="{THEME}/js/shareTT.js"></script>

<script type="text/javascript" src="{THEME}/js/active.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.boutique.min.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.upScrollButton.js"></script>

<script type="text/javascript">

$(function () {

	$(window).scroll(function () {

		if ($(this).scrollTop() > 100) $('a#move_up').fadeIn();

		else						   $('a#move_up').fadeOut(400);

	});

	$('a#move_up').click(function () {

		$('body,html').animate({

			scrollTop: 0

		}, 800);

		return false;

	});

});

</script>

<!--РЕКЛАМНЫЙ КОД-->


<!--РЕКЛАМНЫЙ КОД-->


</head>

<body>

	<!--ВКОНТАКТЕ ТЕЛО-->

	<script type="text/javascript">

  VK.init({apiId: 4063131, onlyWidgets: true});

</script>

	 <!--ВКОНТАКТЕ ТЕЛО-->  


{AJAX}

<div class="main">

<div class="header">

  <h1><a class="logo" href="/" title=""></a></h1>

  <div class="login">

   [group=5]<span class="login-text"></span>[/group]

   [group=1,2,3,4]<span class="login-text2"></span>[/group]

  </div>

  <div class="search-block">

   <form method="post"  action='' style="margin: 0;padding: 0;">

				<input type="hidden" name="do" value="search"/>

				<input type="hidden" name="subaction" value="search" />

	<input name="story" type="text" class="form-text" id="story" value="поиск по сайту" onblur="if(this.value=='') this.value='поиск по сайту';" onfocus="if(this.value=='поиск по сайту') this.value='';" title="наберите Ваш запрос и нажмите enter" />

				<input type="image" src="{THEME}/images/search.png" value="Найти!" border="0" class="form-search" alt="Найти!"/>

   </form>

  </div>

  <ul class="top-menu-block">

   <li>

	<a class="top-menu-link" href="/">ГЛАВНАЯ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/films/">ФИЛЬМЫ</a>

	<div class="hidden-menu-block">

	 <div class="hidden-menu">

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/the-art-house/">Арт-хаус</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/militant/">Боевик</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/military/">Военный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/detectives/">Детектив</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/fantasy/">Фантастика</a>

						<a class="hidden-menu-link" href="http://kino-maniac.ru/films/fantastic/">Фэнтези</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/crime/">Криминал</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/drama/">Драма</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/short/">Короткометражный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/history/">Исторический</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/documentary/">Документальный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/children/">Детский</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/sports/">Спорт</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/comedy/">Комедия</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/melodrama/">Мелодрама</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/thriller/">Триллер</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/the-horrors/">Ужасы</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/musicals/">Мюзикл</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/adventure/">Приключния</a>

	 </div>

	</div>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/soaps/">СЕРИАЛЫ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/cartoons/">МУЛЬТФИЛЬМЫ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/anime/">АНИМЕ</a>

   </li>


   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/film-news/">НОВОСТИ КИНО</a>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/actors/">АКТЕРЫ</a>

   </li>


   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/index.php?do=orderdesc">СТОЛ ЗАКАЗОВ</a>

   </li>

			<li>

	<a class="top-menu-link" href="http://kino-maniac.ru/soglashenie.html">АВТОРУ</a>

   </li>

   <li>

	<a class="top-menu-link" href="/index.php?do=feedback">КОНТАКТЫ</a>

   </li>

  </ul>

</div>

[aviable=main]

  <noindex><div id="pichead">


<div class="wrap">

  <div style="display: none;"><script type="text/javascript">

	$(document).ready(function(){

	  $('#boutique').boutique({

		autointerval: 4000,

		behind_opac: 0.5,

		back_opac: 0.2,

		behind_size: 0.88,

		back_size: 0.74,

		hovergrowth: 0,

		autoplay: true

	  });

	});

  </script></div>

  <div id="externalcontrols">

	<b class="thide ext_prev" onclick="boutique_ext_prev()">Назад</b>

	<b class="thide ext_next" onclick="boutique_ext_next()">Вперед</b>

  </div>

  <ul id="boutique">

   {custom category="4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" template="slide" aviable="global" from="0" limit="10" cache="no"}

</ul>

</div>

  </div></noindex>

[/aviable]

<div class="content">

  <div class="left-col">

  [not-aviable=main]{info}{content}[/not-aviable]

  [aviable=cat]{custom category="1,2,3" template="shortstory" aviable="main" from="0" limit="12" cache="yes"}[/aviable]

  [aviable=main]

   <div class="new-album">НОВОЕ НА САЙТЕ

	<div class="new-album-item">

	{custom category="3" template="shortstory" aviable="main" from="0" limit="12" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

   <div class="music-news">

	<div class="main-title">НОВОСТИ КИНО<a href="http://kino-maniac.ru/film-news/">все новости</a></div>

	<div class="music-news-item">

	{custom category="27" template="music-main" aviable="main" from="0" limit="4" cache="no"}

	</div>

   </div>

   <div class="new-clips">

	<div class="main-title">ФИЛЬМЫ<a href="#" style="right: 10px;">все видео</a></div>

	<div class="new-clips-item">

	{custom category="3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20" template="klip-main" aviable="main" from="0" limit="6" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

   <div style="clear: both;"></div>

   <div class="biography">АКТЕРЫ

	<div class="biography-item">

	{custom category="26" template="biography_main" aviable="main" from="0" limit="9" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

  [/aviable]

  </div>

  <div class="right-col">

   <div class="right-block">

	<div class="right-block-title">СЛУЧАЙНОЕ КИНО</div>

	<div class="right-block-content">

	{custom category="3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23" template="new_right" aviable="global" from="0" limit="6" cache="no"}

	 <div style="clear: both; height: 30px;"></div>

	</div>

   </div>


	  <div class="right-block">

	<div class="right-block-title" style="color: #fff;">РЕКЛАМА</div>

	<div class="right-block-content">

	 <!--<img src="{THEME}/images/reclama.jpg" alt="Реклама на сайте" title="Реклама на сайте" />-->

					{banner_tottent}

	</div>

   </div>			  

   <div class="right-block">

	<div class="right-block-title" style="color: #51ac00;">ПОПУЛЯРНОЕ</div>

	<div class="right-block-content">

	 {topnews}

	</div>

   </div>

  </div>

  <div style="clear: both;"></div>

</div>

<div style="clear: both;"></div>


<div class="footer">

  <div class="copir">

Copyright 2013.Powered by <a href="/" title="Romanov">Romanov</a> Все киноматериалы представлены исключительно для ознакомительных целей. <a id="move_up" href="#">Наверх</a>

{banner_listtop} {banner_akavita} {banner_webgari} {banner_anime} {banner_rosmarke} {banner_openstat}

		</div>

  <div class="schet">

{banner_catalog1}

{banner_yandeg}

{banner_ranbler_top100}

<!-- Yandex.Metrika informer -->

{banner_yandex_informer}

<!-- /Yandex.Metrika informer -->

<!--LiveInternet counter-->

{banner_liveinternet}

<!--/LiveInternet-->

<!-- Yandex.Metrika counter -->

<script type="text/javascript">

(function (d, w, c) {

	(w[c] = w[c] || []).push(function() {

		try {

			w.yaCounter23289193 = new Ya.Metrika({id:23289193,

					webvisor:true,

					clickmap:true,

					trackLinks:true,

					accurateTrackBounce:true});

		} catch(e) { }

	});

	var n = d.getElementsByTagName("script")[0],

		s = d.createElement("script"),

		f = function () { n.parentNode.insertBefore(s, n); };

	s.type = "text/javascript";

	s.async = true;

	s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

	if (w.opera == "[object Opera]") {

		d.addEventListener("DOMContentLoaded", f, false);

	} else { f(); }

})(document, window, "yandex_metrika_callbacks");

</script>

<noscript><div><img src="//mc.yandex.ru/watch/23289193" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<!-- /Yandex.Metrika counter -->


  <!--<img src="{THEME}/images/88х31.jpg"/><img src="{THEME}/images/88х31.jpg"/>-->

  </div>

  <div style="clear: both;"></div>

  </div>

</div>

<div class="fon-login"></div>

<div class="panel-avtoriz">

	<div class="panel-block"><div class="close"></div>

{login}

<div class="left-block-bottom"></div>

</div>

</div>

</body>

</html>

http://validator.w3....=Inline&group=0

Изменено 17 января 2014 пользователем stas9238

MMysiv · 17 января 2014

Пиши новый ul внутри тега li.


<ul>

<li>1

  <ul>

   <li>2</li>

   <li>2</li>

  </ul>

</li>

<li>1</li>

</ul>

Проще говоря, когда у тебя в теге <li> будет больше чем 1 ссылка, нужно заключать в <ul> внутри этого <li>, т.к. ты объявляешь новый список ссылок, а не одной ссылки. По-этому валидатор ругается.

Изменено 17 января 2014 пользователем MMysiv

Lomot · 17 января 2014

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

MMysiv · 17 января 2014

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

Буду знать что 1.0 Transitional требует закрытия всех <li>. Спасибо

stas9238 · 17 января 2014

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

спасибо, стал показывать на 5 ошибок меньше

Войти

Правильность в размещении тегов (Ругается валидатор)

Рекомендованные сообщения

stas9238 0

Ссылка на сообщение

Поделиться на других сайтах

MMysiv 30

Ссылка на сообщение

Поделиться на других сайтах

Lomot 134

Ссылка на сообщение

Поделиться на других сайтах

MMysiv 30

Ссылка на сообщение

Поделиться на других сайтах

stas9238 0

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность