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

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - [решено] Разбор HTML-кода на логические части (http://forum.oszone.net/showthread.php?t=142874)

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

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

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

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="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>

Цитата:

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

<div id="conr" »

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

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 /> и т.д.

Цитата:

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

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

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

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

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

Мартиша, ошибаетесь, понятнее лесенкой. Может непривычно, но понятно :) Видно где начало блока и где конец блока.
Кстати, можно ведь и подсказки сделать

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, я не буду спорить, может быть тем, кто в этом разбирается, так понятней. Я не знаю ровным счетом ничего, по этому и прошу большие интервалы.

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

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, Именно то, что мне надо было! Большое спасибо!! :hi: