Бесплатные шрифты

 

Статьи и публикации

 

Сервисы

более 200 шрифтованалитикадля веб-кодера

Избавляемся от пережитков прошлого. «Чистый код»

Что не говорите, но всё же странно видеть на многих сайтах конструкции вида "cellspacing="0"" и подобные. На самом деле от них давно пора избавиться и наконец-то начать писать «чистый код».


body

Многие веб-кодеры используют конструкцию, «которая никогда не пройдёт валидацию» вида:


<body leftmargin="0" rightmargin="0" topmargin="0" marginheight="0" marginwidth="0">

Обычно такой подход объясняют жертвой кроссбраузерности. Но, используя CSS можно легко избавится от данного архаизма:


body {margin:0px;padding:0px;}

Этот приём растянет тэг body по всей длине и ширине. К слову, лучше использовать следующий пример, так как он определяет свойства для всех элементов, что значительно уменьшит размер CSS-кода.


* {margin:0;padding:0;}


table

Очень часто встречается конструкция вида <table cellpadding="0" cellspacing="0"> и <td valign=”top”>. Следуя стандарту, она отвечает за отсутствие отступа и расстояния между ячейками соответственно. Лекарство также очень простое. В CSS прописываем свойства для table и td:


table{border-collapse:collapse;}
table td{padding:0;vertical-align:top;}

Обратите внимание, что, несмотря на указанный выше способ (* {margin:0;padding:0;} ), для ячейки указание отступа, равного нулю обязательно. Эта особенность связана с тем, что некоторые браузеры (к примеру, всеми любимый IE) не всегда «переваривают» такую конструкцию.


img

Странно видеть во всех тэгах img атрибут bodrer (особенно когда на странице сотни картинок без видимых границ). Исправляется всё тем же способом: CSS.

img{
border:0;
/* И ещё для особо умных браузеров: */
border-style:none;
}

Всего лишь несколько приёмов помогут существенно сократить объём кода и помочь браузерам не мучаться с каждым однотипным элементом в отдельности, а создавать правило для всех.

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

Хотелось бы пожелать всем веб-разработчикам, особенно начинающим, - учитесь на чужих ошибках, а не на своих.

 

Оптимизация, 20/12/2006  Wart!X