http://wackowiki.com/СтандартыВерстки History/revisions of WackoWiki/СтандартыВерстки en-us noindex http://wackowiki.com/StandartyVerstki/show?time=2004-08-11+08%3A53%3A16 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a name=".standartyverstki" href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2004-08-11+08%3A53%3A16">2004-08-11 08:53:16</a> и <a href="http://wackowiki.com/StandartyVerstki">2008-05-11 20:43:36</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions">See&nbsp;<a href="http://wackowiki.com/StandartyVerstki" target="_blank" title="" class="outerlink">http://wackowiki.com/StandartyVerstki</a></div><br /> <b>Удалено:</b><br /> <div class="deletions">See&nbsp;<a href="http://os.wackowiki.com/StandartyVerstki" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://os.wackowiki.com/StandartyVerstki</a></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-10-17+14%3A53%3A11 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-10-17+14%3A53%3A11">2003-10-17 14:53:11</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2004-08-11+08%3A53%3A16">2004-08-11 08:53:16</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions">See&nbsp;<a href="http://os.wackowiki.com/StandartyVerstki" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://os.wackowiki.com/StandartyVerstki</a></div><br /> <b>Удалено:</b><br /> <div class="deletions"><a name="h3072-1"></a><h1>Заповеди HTML-верстальщика студии <a name="oversite" href="http://wackowiki.com/OverSite" class="">Over&nbsp;Site</a></h1> <!--notypo--><fieldset><legend><strong> Оглавление документа </strong></legend></fieldset><!--/notypo--><a name="h3072-2"></a><h2>Файлы</h2> <ol type="1"><li> HTML-файлы имеют расширение .html и&nbsp;не содержат в&nbsp;себе CSS&nbsp;и&nbsp;PHP/ASP кода. </li><li> CSS-файлы имеют расширение .css и&nbsp;располагаются в&nbsp;папке /css. Название файла со&nbsp;стилями должно быть говорящим. В&nbsp;начале файла в&nbsp;/* */ необходимо прокомментировать, где&nbsp;именно этот css&nbsp;используется. Css&nbsp;файл делается по&nbsp;возможности коротким. По&nbsp;принципу &ndash; в&nbsp;общие файлы следует включать стили которые используются на&nbsp;всем сайте, а&nbsp;конкретные группы стилей подключать отдельными короткими файлами </li><li> <a name="javascript" href="http://wackowiki.com/JavaScript" class="">Java&nbsp;Script</a>, который используется более чем&nbsp;на&nbsp;одной странице и&nbsp;занимает более трех строк необходимо выносить в&nbsp;файлы, которые должны иметь говорящее имя&nbsp;и&nbsp;располагаться в&nbsp;папке /js. </li><li> Картинки могут располагаться только в&nbsp;папке /images и&nbsp;ее подпапках. Если картинок много (более 50), их&nbsp;нужно раскладывать по&nbsp;подпапкам. Картинки надо располагать по&nbsp;такой же&nbsp;примерно схеме, как&nbsp;CSS. Т.е. в&nbsp;корень images кладется то&nbsp;что касается всего сайта, а&nbsp;отдельные шаблоны и/или страницы создаются со&nbsp;ссылками на&nbsp;одноименные названию шаблона/раздела папки </li><li> Прозрачный гиф&nbsp;1х1 должен называться 0.gif </li><li> Никакие картинки и&nbsp;вообще файлы не&nbsp;могут называться словами, которые может зарезать резалка баннеров (например, запрещены подстроки banne, adv, sex, adult, game, rekl, count, knopka, refer, xxx, click, promo и&nbsp;т.п.). </li><li> <strong>НЕЛЬЗЯ прикалываться и&nbsp;называть элементы дурацкими словами</strong>. Такое обращение провоцирует конфликты с&nbsp;клиентами. Если вы&nbsp;сделали смешную рыбу, то&nbsp;перед передачей программисту удалите все&nbsp;приколы, программист их&nbsp;удалять не&nbsp;будет. </li><li> Если шаблон является переделкой с&nbsp;другого проекта, необходимо удалить весь текст и&nbsp;все картинки, которые непосредственно относятся к&nbsp;предыдущему проекту. Наиболее часто это&nbsp;текст в&nbsp;поле &lt;title&gt; страницы и&nbsp;прочие заголовки.</li></ol><a name="h3072-3"></a><h2>HTML</h2> <ol type="1"><li> С&nbsp;1го января 2003 года все&nbsp;сайты в&nbsp;студии <a href="http://wackowiki.com/OverSite" class="">Over&nbsp;Site</a> должны делаться в&nbsp;стандарте XHTML 1.0 (Transitional). Вкратце, необходимо придерживаться следующих правил: <ol type="1"><li> HTML-текст пишется строчными (маленькими) буквами (&lt;tag atrribute="value"&gt;). </li><li> Не&nbsp;может быть пересекающихся тегов: &lt;b&gt;&lt;i&gt;так плохо&lt;/b&gt;&lt;/i&gt;. Вот&nbsp;&lt;b&gt;&lt;i&gt;так хорошо&lt;/i&gt;&lt;/b&gt;. </li><li> Все&nbsp;непарные элементы пишутся со&nbsp;слэшем: вместо &lt;br&gt; пишем &lt;br /&gt; (пробел обязателен). Все&nbsp;парные обязательно закрываются. Если это&nbsp;дает посторонние эффекты (как в&nbsp;случае &lt;li&gt; и&nbsp;&lt;p&gt;), то&nbsp;применяем к&nbsp;ним стили, эффекты нейтрализующие. Когда находится стандартное решение для&nbsp;этой и&nbsp;подобных проблем, результаты сообщаются прямо сюда. </li><li> Все&nbsp;значения аттрибутов заключаются в&nbsp;кавычки либо апострофы. </li><li> HTML-комментарии не&nbsp;используются в&nbsp;&lt;style&gt; и&nbsp;&lt;script&gt; тегах. Следите за&nbsp;вашими WYSIWYG-редакторами, они&nbsp;это любят. </li><li> В&nbsp;них же&nbsp;не испольуются символы и&nbsp;символосочетания: &lt;, &, ]]&gt;, <!--notypo-->--<!--/notypo-->. </li><li> & в&nbsp;значениях аттрибутов (например, адресах URL) используется в&nbsp;виде &amp;amp; &ndash; &lt;a href="somefile.php?qqq=aaa&amp;amp;someshit=1"&gt; </li><li> Не&nbsp;используются переносы строк или&nbsp;множественные пробелы в&nbsp;значениях аттрибутов. </li><li> Нельзя использовать аттрибуты name и&nbsp;id внутри одного тега (кроме радиокнопок). </li><li> Пишем &lt;html lang="ru" xml:lang="ru"&gt; </li><li> Указываем кодировку документа: до&nbsp;DOCTYPE при&nbsp;помощи &lt;?xml encoding="windows-1251"?&gt; и&nbsp;в &lt;head&gt; при&nbsp;помощи &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&gt;. </li><li> Не&nbsp;забываем указать doctype: <!--notypo-->&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<!--/notypo--> </li><li> Не&nbsp;забываем указать xmlns в&nbsp;теге html: <!--notypo-->&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<!--/notypo--> </li><li> <strong>Всегда</strong> указываем единицы измерения в&nbsp;CSS, теге style и&nbsp;скриптах. </li></ol></li><li> Переключите ваш&nbsp;WYSIWYG-редактор на&nbsp;совместимость с&nbsp;XHTML 1.0. Dreamweaver это&nbsp;позволяет. </li><li> <strong><span class="mark">Все страницы нужно проверять на&nbsp;соответствие DOCTYPE валидатором на&nbsp;w3c: <a href="http://validator.w3.org/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://validator.w3.org/</a> .</span></strong><br /> </li><li> Желательно пользоваться логическими тегами &lt;strong&gt;, &lt;em&gt; и&nbsp;т.п. См.&nbsp;<a href="http://faq.binary.ru/faq/2.22.php" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://faq.binary.ru/faq/2.22.php</a> </li><li> Очень желательно не&nbsp;использовать вообще следующие теги: <ol type="1"><li> applet </li><li> basefont </li><li> center </li><li> dir&nbsp;</li><li> font </li><li> isindex </li><li> menu </li><li> s&nbsp;</li><li> strike </li><li> u&nbsp;</li><li> xmp&nbsp;</li></ol></li><li> Очень желательно не&nbsp;использовать вообще следующие аттрибуты: <ol type="1"><li> align </li><li> background в&nbsp;body </li><li> bgcolor </li><li> border </li><li> clear в&nbsp;br </li><li> color </li><li> height в&nbsp;td и&nbsp;th </li><li> hspace, vspace </li><li> link, text и&nbsp;т.п. в&nbsp;body </li><li> nowrap в&nbsp;td </li><li> size, width, noshade в&nbsp;hr </li><li> start, type, value, compact в&nbsp;списках </li><li> и, наконец, сложнее всего, width в&nbsp;td и&nbsp;th </li></ol></li><li> Следующая вложенность запрещена: <ol type="1"><li> img, object, big, small, sub&nbsp;и&nbsp;sup нельзя использовать внутри pre&nbsp;</li><li> a&nbsp;внутри других a&nbsp;</li><li> form внутри других form </li></ol></li><li> Все&nbsp;логические части страницы должны быть выделены комментариями: в&nbsp;частности, шапка, меню, контент-поле, футер и&nbsp;т.п. Это&nbsp;обязательно. Комментарий должен выглядеть примерно так: &lt;!-- шапка <!--notypo-->--&gt; ... &lt;!--<!--/notypo--> /шапка --&gt;. По&nbsp;мере работы в&nbsp;рамках этого стандарта должны быть выработатаны стандартные комментарии для&nbsp;стандартных элементов сетки. </li><li> На&nbsp;все картинки надо ссылаться с&nbsp;использованием вот&nbsp;такого пути &lt;img src="images/mygif.gif"&gt; </li><li> Все&nbsp;картинки обязательно должны иметь аттрибут alt. Служебные &ndash; пустой (alt=&quot;&quot;). Неслужебные обязательно должны дублировать информацию из&nbsp;alt в&nbsp;аттрибуте title. </li><li> Все&nbsp;страницы должны тестироваться в&nbsp;браузерах MS&nbsp;IE 5, Mozilla 1.x, Opera 7, Opera 6 и&nbsp;по возможности MS&nbsp;IE 6 на&nbsp;полную идентичность оформления и&nbsp;функциональности, если в&nbsp;ТЗ не&nbsp;оговорено противное. </li><li> Все&nbsp;страницы должны тестироваться в&nbsp;браузере Netscape 4, Opera 5 и&nbsp;по возможности MS&nbsp;IE 4 на&nbsp;доступность контента и&nbsp;всех ссылок, а&nbsp;также отстутствие слишком больших косяков во&nbsp;внешнем виде страниц, если в&nbsp;ТЗ не&nbsp;оговорено противное. </li><li> Должны быть правильно заполнены тег&nbsp;&lt;title&gt; и&nbsp;ключевые слова в&nbsp;теге &lt;meta&gt;. </li><li> В&nbsp;контент-поле не&nbsp;должен использоваться тег&nbsp;&lt;span&gt; (используйте &lt;div&gt;) и&nbsp;аттрибут style. </li><li> Для&nbsp;того, чтобы в&nbsp;браузерах Mozilla, NN&nbsp;и IE&nbsp;текст, который мы&nbsp;не хотим жёстко фиксировать, смотрелся одинаково (размер кегля), и&nbsp;при изменении настроек (размер шрифта в&nbsp;броузере) изменялся не&nbsp;скачкообразно, необходимо задавать размер с&nbsp;помощью подобных конструкций: font-size: 95%; font-size: -1em; </li><li> Использовать фиксированные размеров шрифтов желательно только в&nbsp;крайне безвыходных случаях, допустим &ndash; много информации пояснительного характера в&nbsp;маленьком контейнере (Всё равно в&nbsp;Мозилле при&nbsp;изменении настройки &#147;Text Zoom&#148; размер шрифта увеличивается). Всю&nbsp;содержательную информацию (пункты меню очень желательно) крайне рекомендуется подавать шрифтом с&nbsp;изменяемым размером (см. предыдущий пункт). </li><li> Прописывать разные тайтлы для&nbsp;разных разделов </li><li> При&nbsp;использовании background-image, необходимо прелоадить эти&nbsp;картинки.</li></ol> <a name="h3072-4"></a><h2>Список литературы к&nbsp;изучению</h2><a name="h3072-5"></a><h3>Обязательно</h3> <ol type="1"><li> <a href="http://www.webmascon.com/topics/coding/01a.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.webmascon.com/topics/coding/01a.asp</a> </li><li> <a href="http://www.webmascon.com/topics/coding/10a.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.webmascon.com/topics/coding/10a.asp</a> </li><li> <a href="http://www.webmascon.com/topics/coding/13a.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.webmascon.com/topics/coding/13a.asp</a> </li><li> <a href="http://www.webmascon.com/topics/coding/25a.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.webmascon.com/topics/coding/25a.asp</a> </li><li> <a href="http://www.w3.org/TR/xhtml1/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.w3.org/TR/xhtml1/</a> </li><li> <a href="http://htmlcoder.visions.ru/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://htmlcoder.visions.ru/</a> </li><li> <a href="http://wa.artel.by/node.phtml?index=165" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://wa.artel.by/node.phtml?index=165</a> и&nbsp;<a href="http://wa.artel.by/node.phtml?index=171" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://wa.artel.by/node.phtml?index=171</a> и&nbsp;другие статьи с&nbsp;этого сайта </li><li> <a href="http://www.xpoint.ru/forums/internet/html_basic/faq.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.xpoint.ru/forums/internet/html_basic/faq.html</a> </li><li> <a href="http://www.xpoint.ru/forums/internet/standards/faq.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.xpoint.ru/forums/internet/standards/faq.html</a> </li><li> <a href="http://www.xpoint.ru/forums/internet/html_advanced/faq.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.xpoint.ru/forums/internet/html_advanced/faq.html</a> (учитываем, однако, что&nbsp;пустой background в&nbsp;XHTML может сработать не&nbsp;так, как&nbsp;надо). </li><li> <a href="http://www.kruglov.ru/articles/crossbrowserdhtml/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.kruglov.ru/articles/crossbrowserdhtml/</a> </li><li> <a href="http://www.tantek.com/CSS/Examples/boxmodelhack.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.tantek.com/CSS/Examples/boxmodelhack.html</a></li></ol><a name="h3072-6"></a><h3>Таблицы поддержки бразуерами</h3> <ol type="1"><li> <a href="http://www.westciv.com/style_master/academy/browser_support/selectors.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS selectors</a> </li><li> <a href="http://devedge.netscape.com/library/xref/2003/css-support/css2/selectors.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS selectors</a> </li><li> <a href="http://www.westciv.com/style_master/academy/browser_support/index.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS1 и&nbsp;CSS2, оглавление</a> </li><li> <a href="http://macedition.com/cb/resources/abridgedcsssupport.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS2</a> </li><li> <a href="http://devedge.netscape.com/library/xref/2003/css-support/css1/mastergrid.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS1, но&nbsp;нет новых браузеров</a></li></ol><a name="h3072-7"></a><h3>Интересно</h3> <ol type="1"><li> <a href="http://glish.com/css/home.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://glish.com/css/home.asp</a> &ndash; шаблоны css&nbsp;для безтабличной верстки </li><li> <a href="http://www.w3schools.com/css/default.asp" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.w3schools.com/css/default.asp</a> </li><li> <a href="http://andrewbossom.crosswinds.net/resources/reference/oldtags.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://andrewbossom.crosswinds.net/resources/reference/oldtags.html</a> </li><li> <a href="http://html.about.com/library/tags/bl_legacymodule.htm" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://html.about.com/library/tags/bl_legacymodule.htm</a> </li><li> <a href="http://www.dhtml.ru/howto/onmouseover/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.dhtml.ru/howto/onmouseover/</a> и&nbsp;весь сайт www.dhtml.ru </li><li> <a href="http://www.gazingus.org/js/?id=102" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.gazingus.org/js/?id=102</a> </li><li> <a href="http://www.sovavsiti.cz/css/horizontal_menu.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.sovavsiti.cz/css/horizontal_menu.html</a> </li><li> <a href="http://www.sovavsiti.cz/css/corners.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.sovavsiti.cz/css/corners.html</a> </li><li> вообще <a href="http://www.sovavsiti.cz/css/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.sovavsiti.cz/css/</a> </li><li> <a href="http://wa.artel.by/node.phtml?index=64" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://wa.artel.by/node.phtml?index=64</a> (подходить с&nbsp;осторожностью, там&nbsp;не&nbsp;описано, в&nbsp;каких браузерах та&nbsp;или иная конструкция работает) </li><li> <a href="http://www.livejournal.com/talkread.bml?journal=ru_coding&amp;itemid=19047" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.livejournal.com/talkread.bml?journal=ru_coding&amp;itemid=19047</a> </li><li> <a href="http://www.livejournal.com/talkread.bml?journal=ru_webdev&amp;itemid=60093&amp;nc=6" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.livejournal.com/talkread.bml?journal=ru_webdev&amp;itemid=60093&amp;nc=6</a> </li><li> <a href="http://www.livejournal.com/talkread.bml?journal=ru_coding&amp;itemid=22902&amp;nc=9" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.livejournal.com/talkread.bml?journal=ru_coding&amp;itemid=22902&amp;nc=9</a> </li><li> <a href="http://www.alistapart.com/stories/taminglists/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.alistapart.com/stories/taminglists/</a> </li><li> <a href="http://diveintomark.org/archives/2003/03/24/pure_css_tabs.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Закладки на&nbsp;CSS</a> </li><li> <a href="http://www.pixy.cz/blogg/clanky/css-3col-layout/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Три колонки на&nbsp;CSS без&nbsp;хаков, NN4 курит</a> </li><li> <a href="http://css-discuss.incutio.com/?page=ThreeColumnLayouts" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />24 freely available three column CSS&nbsp;layout templates</a> </li><li> <a href="http://css-discuss.incutio.com/?page=FrontPage" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Wiki, посвящённая CSS</a> </li><li> <a href="http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://www.fu2k.org/alex/css/layouts/3Col_NN4_FMFM.mhtml</a> </li><li> <a href="http://www.projectseven.com/tutorials/index.htm" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Руководства по&nbsp;всяким CSS&nbsp;и&nbsp;DHTML-штукам</a> </li><li> <a href="http://stopdesign.com/articles/css/replace-text/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Как по-умному использовать картинки в&nbsp;качестве заголовков</a> </li><li> <a href="http://diveintomark.org/safari/csshacks/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />CSS Hiding Hacks</a> </li><li> <a href="http://www.infimum.dk/HTML/slantinfo.html" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Slants</a> </li><li> <a href="http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Очень приятный ролловер</a> на&nbsp;CSS без&nbsp;js&nbsp;и прелоада. Не&nbsp;работает в&nbsp;<span class="missingpage">Opera&nbsp;6</span><a href="http://wackowiki.com/Opera6/edit?add=1" title="Создать эту страницу">?</a>, но&nbsp;кого она&nbsp;волнует. </li><li> <a href="http://www.maxdesign.com.au/presentation/listamatic/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Что можно сотворить с&nbsp;обыкновеннными списками</a> </li><li> <a href="http://www.fu2k.org/alex/css/index.mhtml" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />3-cols CSS&nbsp;layout с&nbsp;поддержкой NN4</a></li></ol> <!--notypo--><fieldset><legend>Страницы, ссылающиеся на данную:</legend> </fieldset> <!--/notypo--></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-09-10+20%3A25%3A39 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-10+20%3A25%3A39">2003-09-10 20:25:39</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-10-17+14%3A53%3A11">2003-10-17 14:53:11</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> <a href="http://www.fu2k.org/alex/css/index.mhtml" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />3-cols CSS&nbsp;layout с&nbsp;поддержкой NN4</a></li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-09-09+20%3A09%3A58 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-09+20%3A09%3A58">2003-09-09 20:09:58</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-10+20%3A25%3A39">2003-09-10 20:25:39</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> <a href="http://www.maxdesign.com.au/presentation/listamatic/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Что можно сотворить с&nbsp;обыкновеннными списками</a></li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-09-09+20%3A09%3A27 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-09+20%3A09%3A27">2003-09-09 20:09:27</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-09+20%3A09%3A58">2003-09-09 20:09:58</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> <a href="http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Очень приятный ролловер</a> на&nbsp;CSS без&nbsp;js&nbsp;и прелоада. Не&nbsp;работает в&nbsp;<span class="missingpage">Opera&nbsp;6</span><a href="http://wackowiki.com/Opera6/edit?add=1" title="Создать эту страницу">?</a>, но&nbsp;кого она&nbsp;волнует.</li></ol></div><br /> <b>Удалено:</b><br /> <div class="deletions"><ol type="1"><li> <a href="http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Очень приятный ролловер</a> на&nbsp;CSS без&nbsp;js&nbsp;и прелоада. Не&nbsp;работает в&nbsp;<span class="missingpage">Opera&nbsp;6&nbsp;m</span><a href="http://wackowiki.com/Opera6m/edit?add=1" title="Создать эту страницу">?</a> но&nbsp;кого она&nbsp;волнует.</li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-08-27+14%3A59%3A57 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-08-27+14%3A59%3A57">2003-08-27 14:59:57</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-09-09+20%3A09%3A27">2003-09-09 20:09:27</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> <a href="http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />Очень приятный ролловер</a> на&nbsp;CSS без&nbsp;js&nbsp;и прелоада. Не&nbsp;работает в&nbsp;<span class="missingpage">Opera&nbsp;6&nbsp;m</span><a href="http://wackowiki.com/Opera6m/edit?add=1" title="Создать эту страницу">?</a> но&nbsp;кого она&nbsp;волнует.</li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-08-27+14%3A35%3A52 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-08-27+14%3A35%3A52">2003-08-27 14:35:52</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-08-27+14%3A59%3A57">2003-08-27 14:59:57</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> При&nbsp;использовании background-image, необходимо прелоадить эти&nbsp;картинки.</li></ol></div><br /> <b>Удалено:</b><br /> <div class="deletions"><ol type="1"><li> Если используется бэкграунд, содержащий файл (изображение а&nbsp;не цветовую координату), то&nbsp;путь к&nbsp;этому файлу обязательно должен быть прописан в&nbsp;прелоаде body </li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-07-29+14%3A55%3A17 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-07-29+14%3A55%3A17">2003-07-29 14:55:17</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-08-27+14%3A35%3A52">2003-08-27 14:35:52</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li> Если используется бэкграунд, содержащий файл (изображение а&nbsp;не цветовую координату), то&nbsp;путь к&nbsp;этому файлу обязательно должен быть прописан в&nbsp;прелоаде body </li></ol></div></div> http://wackowiki.com/StandartyVerstki/show?time=2003-07-08+18%3A36%3A21 <div class="pageBefore"><img src="http://wackowiki.com/images/z.gif" width="1" height="1" border="0" alt="" style="display:block" align="top" /></div><div class="page"> <b>Сравнение версий <a href="http://wackowiki.com/StandartyVerstki" class="">/Стандарты&nbsp;Верстки</a> за <a href="http://wackowiki.com/StandartyVerstki?time=2003-07-08+18%3A36%3A21">2003-07-08 18:36:21</a> и <a href="http://wackowiki.com/StandartyVerstki?time=2003-07-29+14%3A55%3A17">2003-07-29 14:55:17</a></b><br /> <br /> <b>Добавлено:</b><br /> <div class="additions"><ol type="1"><li><ol type="1"><li> HTML-текст пишется строчными (маленькими) буквами (&lt;tag atrribute="value"&gt;). </li><li> Все&nbsp;непарные элементы пишутся со&nbsp;слэшем: вместо &lt;br&gt; пишем &lt;br /&gt; (пробел обязателен). Все&nbsp;парные обязательно закрываются. Если это&nbsp;дает посторонние эффекты (как в&nbsp;случае &lt;li&gt; и&nbsp;&lt;p&gt;), то&nbsp;применяем к&nbsp;ним стили, эффекты нейтрализующие. Когда находится стандартное решение для&nbsp;этой и&nbsp;подобных проблем, результаты сообщаются прямо сюда. </li><li> HTML-комментарии не&nbsp;используются в&nbsp;&lt;style&gt; и&nbsp;&lt;script&gt; тегах. Следите за&nbsp;вашими WYSIWYG-редакторами, они&nbsp;это любят. </li></ol></li><li> <strong><span class="mark">Все страницы нужно проверять на&nbsp;соответствие DOCTYPE валидатором на&nbsp;w3c: <a href="http://validator.w3.org/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://validator.w3.org/</a> .</span></strong></li></ol></div><br /> <b>Удалено:</b><br /> <div class="deletions"><ol type="1"><li><ol type="1"><li> HTML-текст пишется маленькими буквами (&lt;tag atrribute="value"&gt;). </li><li> Все&nbsp;непарные элементы пишутся со&nbsp;слешем: вместо &lt;br&gt; пишем &lt;br /&gt; (пробел обязателен). Все&nbsp;парные обязательно закрываются. Если это&nbsp;дает посторонние эффекты (как в&nbsp;случае &lt;li&gt; и&nbsp;&lt;p&gt;), то&nbsp;применяем к&nbsp;ним стили, эффекты нейтрализующие. Когда находится стандартное решение для&nbsp;этой и&nbsp;подобных проблем результаты сообщаются иванову, который публикует их&nbsp;в специальном месте, и&nbsp;ссылку на&nbsp;этот элемент добавляет к&nbsp;этому стандарту. </li><li> HTML-комментарии не&nbsp;используются в&nbsp;&lt;style&gt; и&nbsp;&lt;script&gt; тегах. Следите за&nbsp;вашими WYSIWYG-редакторами, те&nbsp;это любят. </li></ol></li><li> Все&nbsp;страницы нужно проверять на&nbsp;соответствие DOCTYPE валидатором на&nbsp;w3c: <a href="http://validator.w3.org/" target="_blank" title="Внешняя ссылка (откроется в новом окне)" class="outerlink"><img src="http://wackowiki.com/themes/default/icons/web.gif" alt="" border="0" />http://validator.w3.org/</a></li></ol></div></div>