[решено] Разбор HTML-кода на логические части

Sham · Отправлено: **19:29, 17-06-2009** | #2

Цитата Мартиша:

<div id="conr" »

тут ошибку исправьте (добавьте ">")

proxy · Конфигурация компьютера

HTML код:

<!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" xml:lang="ru">
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://sunsunkakis.ucoz.lv/_st/my.css" />
<script type="text/javascript">
    fadeOpacity.addRule('oR1', .5, 1, 50);
</script>
<script type="text/javascript" src="http://www.sunsunkakis.ucoz.lv/js/tooltip.js"></script>
</head>
<body>
<div id="body1">
	<div id="bx">
		<div id="top2">
			<span class="mbot"></span>
		</div>
		<div id="serch">
			<form onsubmit="javascript: showBusyLayer()" method="post" action="">
				<input name="do" value="search" type="hidden" />
				<input name="subaction" value="search" type="hidden" />
				<img src="http://www.sunsunkakis.ucoz.lv/img/serl.png" alt="" />
				<input name="story" class="s_x" value="Meklet" onkeyup="ch();" onfocus="this.value='';" type="text" />
				<input style="padding-left: 226px;" src="http://www.sunsunkakis.ucoz.lv/img/sbut.png" title="" alt="Atrast" type="image" />
			</form>
		</div>
		<div class="clear"></div>
		<div id="s1pbr"></div>
	</div>
	<div class="menu1">
		<br />
		<br />
		<div id="content">
			<div id="conl">
				<!-- <body> -->
				$CONTENT$
				<!-- </body> -->
			</div>
			<div id="conr">
				<div class="menu1">
					<div class="mtop">Saita draugi</div>
					<a href="http://www.emadona.lv/" target="_blank"><img src="http://www.sunsunkakis.ucoz.lv/images/gjerbonis.jpg.bmp" width="60" height="60" border="3" /></a>
					<a href="http://www.estars.lv/" target="_blank"><img src="http://www.sunsunkakis.ucoz.lv/images/logo.gif" width="60" height="60" border="3" /></a>
					<a href="http://www.postroika.ucoz.lv" target="_blank"><img src="http://sunsunkakis.ucoz.lv/images/banner.gif" width="160" height="60" border="3" /></a>
					<span class="mbot"></span>
				</div>
				<a href="http://www.sunsunkakis.ucoz.lv" target="_blank"><img src="http://sunsunkakis.ucoz.lv/images/bannnerrrr.gif" width="220" height="85" border="3" /></a>
				<div class="menu1">
					<div class="mtop">Autorizacija</div>
					<div class="menum">
						<div align="center">
							<strong>Sveiciens: $USERNAME$</strong>
							<br />
							<?	if($USER_LOGGED_IN$){
									if($IS_NEW_PM$){	?>
							<script type="text/javascript">
								function flashit(id, cl){
									var c = document.getElementById(id);
									if (c.style.color == 'red'){
										c.style.color = cl;
									}else{
										c.style.color = 'red';
									}
								}
								setInterval("flashit('upml2','')", 500);
							</script>
							<? 		} ?>
							<script type="text/javascript">
								function openOnClick(client_type){
									if(client_type == "mail") 	 clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") 			 || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "send") 	 clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350")  || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "options") clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") 	 || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "users") 	 clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "rules") 	 clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") 	 || alert("Отключите блокировку всплывающих окон!"); 
								}
							</script>
							<br />
							<a href="$HOME_PAGE_LINK$index/10">Iziet</a>
							<?	}else{ ?>
							<br />
							Priecajamies Jus redzet. Ludzam ielogoties vai registreties!
							$LOGIN_FORM$
							<?	} ?>
						</div>
					</div>
					<span class="mbot"></span>
				</div>
				$COUNTER$
				<script type="text/javascript">URL='http://img.gismeteo.Ru/flash/fw120x60.swf?index=26422'; w='120'; h='60'; value='26422'; lang='en'</script>
				<script type="text/javascript" src='http://informer.gismeteo.Ru/flash/fcode.js'></script>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div id="body2">
		<div id="bx2"><a href="http://design-studio.at.ua/" target="new">Design by Дизайн - студия</a> | $POWERED_BY$</div>
	</div>
</div>
</body>
</html>

не забывайте закрывать все-все теги, даже одиночные: <br />, <input />, <img /> и т.д.

Igor_I · Конфигурация компьютера

Цитата Мартиша:

Я не знаю, как правильно написать тему. »

А вот тема, на мой взгляд написана правильно. Чтобы не путаться с кодом лучше использовать какой-нибудь редактор и писать в стиле proxy, с отступами.

Мартиша · Конфигурация компьютера

proxy, Большое спасибо, только ...можно мне сделать разбивку на куски с бооольшими расстояниями между ними. так будет понятней. Такая лесенка мне ни о чем не говорит.

proxy · Конфигурация компьютера

Мартиша, да легко, вечерком накидаю...

Igor_I · Конфигурация компьютера

Мартиша, ошибаетесь, понятнее лесенкой. Может непривычно, но понятно

Видно где начало блока и где конец блока.
Кстати, можно ведь и подсказки сделать

HTML код:

	<div id="bx"><!-- start bx -->
		<div id="top2"><!-- start top2 -->
			<span class="mbot"></span>
		</div><!-- end top2 -->
		<div id="serch"><!-- start serch -->
			<form onsubmit="javascript: showBusyLayer()" method="post" action="">
				<input name="do" value="search" type="hidden" />
				<input name="subaction" value="search" type="hidden" />
				<img src="http://www.sunsunkakis.ucoz.lv/img/serl.png" alt="" />
				<input name="story" class="s_x" value="Meklet" onkeyup="ch();" onfocus="this.value='';" type="text" />
				<input style="padding-left: 226px;" src="http://www.sunsunkakis.ucoz.lv/img/sbut.png" title="" alt="Atrast" type="image" />
			</form>
		</div><!-- start serch -->
		<div class="clear"></div>
		<div id="s1pbr"></div>
	</div><!-- end bx -->

Мартиша · Конфигурация компьютера

proxy, Спасибо.

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

proxy · Конфигурация компьютера

Мартиша, как нить вот ...

HTML код:

<!-- DOCTYPE: задаются основные параметры страницы: тип/формат языка, кодировка и т.д. -->
<!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" xml:lang="ru">
<!-- /DOCTYPE -->







<!-- HEAD заголовок страницы: название страницы, meta теги, подключение или сам код css, JavaScript и т.д. скриптов-->
<head>

	<!-- название страницы -->
	<title>$SITE_NAME$ - $MODULE_NAME$</title>
	<!-- /название страницы -->

	<!-- подключение css стилей -->
	<link type="text/css" rel="StyleSheet" href="http://sunsunkakis.ucoz.lv/_st/my.css" />
	<!-- /подключение css стилей -->

	<!-- код javascript: вызов функции, которая создает, скорее всего, на странице эффект плавного появления/затухания -->
	<script type="text/javascript">
		fadeOpacity.addRule('oR1', .5, 1, 50);
	</script>
	<!-- /код JavaScript -->

	<!-- подключение JavaScript скрипта: tooltip.js -->
	<script type="text/javascript" src="http://www.sunsunkakis.ucoz.lv/js/tooltip.js"></script>
	<!-- /подключение JavaScript скрипта -->

</head>
<!-- /HEAD заголовок страницы -->






<!-- BODY тело страницы -->
<body>

<!-- основной контейнер страницы: все содержится в нем -->
<div id="body1">
	






	<!-- поиск -->
	<div id="bx">
		<div id="top2"><span class="mbot"></span></div>
		<div id="serch">
			
			<!-- форма поиска -->
			<form onsubmit="javascript: showBusyLayer()" method="post" action="">
				<input name="do" value="search" type="hidden" />
				<input name="subaction" value="search" type="hidden" />
				<img src="http://www.sunsunkakis.ucoz.lv/img/serl.png" alt="" />
				
				<!-- поле ввода поиска -->
				<input name="story" class="s_x" value="Meklet" onkeyup="ch();" onfocus="this.value='';" type="text" />
				<!-- /поле ввода поиска -->
				
				<!-- кнопка начать поиск, скорее всего -->
				<input style="padding-left: 226px;" src="http://www.sunsunkakis.ucoz.lv/img/sbut.png" title="" alt="Atrast" type="image" />
				<!-- /кнопка начать поиск -->
				
			</form>
			<!-- /форма поиска -->
			
		</div>
		<div class="clear"></div>
		<div id="s1pbr"></div>
	</div>
	<!-- /поиск -->
	






	<div class="menu1">
		<br />
		<br />
		<div id="content">
			






			<!-- основной контент страницы -->
			<div id="conl">
				$CONTENT$
			</div>
			<!-- /основной контент страницы -->
			






			<div id="conr">
				






				<!-- меню 1 -->
				<div class="menu1">
					<div class="mtop">Saita draugi</div>
					
					<!-- ссылки меню -->
					<a href="http://www.emadona.lv/" target="_blank"><img src="http://www.sunsunkakis.ucoz.lv/images/gjerbonis.jpg.bmp" width="60" height="60" border="3" /></a>
					<a href="http://www.estars.lv/" target="_blank"><img src="http://www.sunsunkakis.ucoz.lv/images/logo.gif" width="60" height="60" border="3" /></a>
					<a href="http://www.postroika.ucoz.lv" target="_blank"><img src="http://sunsunkakis.ucoz.lv/images/banner.gif" width="160" height="60" border="3" /></a>
					<!-- /ссылки меню -->
					
					<span class="mbot"></span>
				</div>
				<!-- /меню 1 -->
				





				<!-- рекламный баннер -->
				<a href="http://www.sunsunkakis.ucoz.lv" target="_blank"><img src="http://sunsunkakis.ucoz.lv/images/bannnerrrr.gif" width="220" height="85" border="3" /></a>
				<!-- /рекламный баннер -->






				<!-- форма авторизации -->
				<div class="menu1">
					<div class="mtop">Autorizacija</div>
					<div class="menum">
						<div align="center">
							
							<!-- имя пользователя -->
							<strong>Sveiciens: $USERNAME$</strong>
							<!-- /имя пользователя -->
							
							<br />
				





							<!-- PHP код: тут идет проверка авторизировался ли уже пользователь или нет -->
							<?	if($USER_LOGGED_IN$){
									if($IS_NEW_PM$){	?>
							<!-- /PHP код -->
											





							<!-- код JavaScript -->
							<script type="text/javascript">
								function flashit(id, cl){
									var c = document.getElementById(id);
									if (c.style.color == 'red'){
										c.style.color = cl;
									}else{
										c.style.color = 'red';
									}
								}
								setInterval("flashit('upml2','')", 500);
							</script>
							<!-- /код JavaScript -->
											





							<!-- PHP код -->
							<? 		} ?>
							<!-- /PHP код -->
											





							<!-- код JavaScript -->
							<script type="text/javascript">
								function openOnClick(client_type){
									if(client_type == "mail") 	 clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") 			 || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "send") 	 clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350")  || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "options") clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") 	 || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "users") 	 clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); 
									if(client_type == "rules") 	 clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") 	 || alert("Отключите блокировку всплывающих окон!"); 
								}
							</script>
							<!-- /код JavaScript -->
											





							<br />
							<!-- ссылка куда-то на главную... -->
							<a href="$HOME_PAGE_LINK$index/10">Iziet</a>
							<!-- /ссылка -->
											





							<!-- PHP код -->
							<?	}else{ ?>
							<!-- /PHP код -->
											





							<br />
							Priecajamies Jus redzet. Ludzam ielogoties vai registreties!
							
							<!-- сама форма авторизации -->
							$LOGIN_FORM$
							<!-- /сама форма авторизации -->
											





							<!-- PHP код -->
							<?	} ?>
							<!-- /PHP код -->
											





						</div>
					</div>
					<span class="mbot"></span>
				</div>
				<!-- /форма авторизации -->
				






				<!-- счетчик чего-то, возможно колличества поситителей -->
				$COUNTER$
				<!-- /счетчик чего-то -->
				





				<!-- код JavaScript, скорее всего рекламного баннера на Flash -->
				<script type="text/javascript">URL='http://img.gismeteo.Ru/flash/fw120x60.swf?index=26422'; w='120'; h='60'; value='26422'; lang='en'</script>
				<!-- /код JavaScript -->				





				<!-- подключение JavaScript скрипта fcode.js -->
				<script type="text/javascript" src='http://informer.gismeteo.Ru/flash/fcode.js'></script>
				<!-- /подключение JavaScript скрипта -->






			</div>
			<div class="clear"></div>
		</div>
	</div>
	






	<!-- footer (подвал) сайта - в самом низу сайта - авторские права -->
	<div id="body2">
		<div id="bx2"><a href="http://design-studio.at.ua/" target="new">Design by Дизайн - студия</a> | $POWERED_BY$</div>
	</div>
	<!-- /footer (подвал) сайта -->
	






</div>
<!-- /основной контейнер -->

</body>
<!-- /BODY тело страницы -->

</html>

по поводу форматирования кода, имхо, елси уж вам не принципиально, советую писать "горочкой" - как тут, это реально удобней.
в программирование есть "неофициальные" порядки форматирования кода - только лиш для того, что бы его було удобней понимать ("читаь"),
а соответсвенно удобней с ним работать - это, имхо, сравнимо с пунктуацией в русском языке )))))))

Мартиша · Конфигурация компьютера

proxy, Именно то, что мне надо было! Большое спасибо!!