Войти

Показать полную графическую версию : [решено] Разбор HTML-кода на логические части


Мартиша
17-06-2009, 18:41
Мне делает сайт человек непрофессиональный, который уже заколебался.
Попросил, что бы я сама (чуть чуть делала до этого) поменяла блоки.
В итоге я что-то поменяла, что-то сделала еще хуже. Пытаюсь вернуть как было.
Мой метод работы - выделяю часть - копирую - удаляю- смотрю, что из этого получилось- возвращаю на место.

Но тут у меня все в одной каше и если я что-то удаляю, то мне говорят о не закрытом теге.
Помогите, пожалуйста, поделить на логические части.

<!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="Meklēt" 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">&nbsp;&nbsp;&nbsp;</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">Autorizācija</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><?endif?>

<script language=javascript 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>Priecājamies Jūs redzēt. Lūdzam ielogoties vai reģistrēties!
$LOGIN_FORM$
<?endif?></div>
</div>
<span class="mbot"></span>
</div>
$COUNTER$
<script>URL='http://img.gismeteo.Ru/flash/fw120x60.swf?index=26422';w='120';h='60';value='26422'; lang='en'</script><script 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>

Sham
17-06-2009, 19:29
<div id="conr" »
тут ошибку исправьте (добавьте ">")

proxy
17-06-2009, 20:34
<!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
18-06-2009, 10:29
Я не знаю, как правильно написать тему. »
А вот тема, на мой взгляд написана правильно. Чтобы не путаться с кодом лучше использовать какой-нибудь редактор и писать в стиле proxy, с отступами.

Мартиша
18-06-2009, 11:52
proxy, Большое спасибо, только ...можно мне сделать разбивку на куски с бооольшими расстояниями между ними. так будет понятней. Такая лесенка мне ни о чем не говорит.

proxy
18-06-2009, 14:11
Мартиша, да легко, вечерком накидаю...

Igor_I
18-06-2009, 14:26
Мартиша, ошибаетесь, понятнее лесенкой. Может непривычно, но понятно :) Видно где начало блока и где конец блока.
Кстати, можно ведь и подсказки сделать
<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 -->

Мартиша
19-06-2009, 01:03
proxy, Спасибо.

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

proxy
19-06-2009, 20:02
Мартиша, как нить вот ...


<!-- 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>


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

Мартиша
20-06-2009, 00:09
proxy, Именно то, что мне надо было! Большое спасибо!! :hi:




© OSzone.net 2001-2012