Будь-яка робота, а тим більше верстка, повинна бути виконана акуратно, тому що переробляти верстку надалі буде повільнішою. тим більше, якщо створюється вона для відвідуваного і Корпаративная сайту. Що значить правильно верстати на html і css? І що необхідно робити, щоб стати професійним дизайнером?
Переглядаючи різні сайти в Інтернеті, ми не дивимося в код HTML. Ну не беремо до уваги верстальників, яким цікаво подивитися на чужу роботу. Та й зовсім не потрібно це звичайному користувачеві? Але досить буває тільки поглянути на html код, щоб скласти враження про самих творців сайту. Код HTML сторінок - це як дзеркало умінь веб-майстри, який займався створенням сайту.
Створення мінімалістичного (чим менше коду в сторінці, тим краще для подальшої розкрутки сайту в пошукових системах), акуратного і працює у всіх браузерах - це своєрідне, але мистецтво. Особливо це помітно, коли ви створюєте сайт не для себе, а для роботодавця, який розбирається в html.
Щоб ваш код сторінки виглядав гідно, акуратно і «нештучно», вам було легко в ньому орієнтуватися, то уважно вивчіть наведені нижче пункти і дотримуйтеся їх при написанні HTML:
* Писати html теги великими прописними літерами є неправильним (TABLE, BODY, IMG) - це перша ознака неручной роботи і в такому коді важко орієнтуватися, так як більшість коду в Інтернеті все-таки написано малими літерами (table, body, img) і це є стандартом і весь html код, написаний малими літерами визнається html-валідатором невалідним!
* Атрибути завжди записуйте в лапки (напр. Align = "right"), що додасть вашому коду акуратність і сумісність з мовою XML.
* Привласнюючи якесь значення (ширини, висоти) в пікселях, не забувайте це вказати, тобто width = "5px". Наприклад, height = 23 буде помилкою, пріавльно писати height = "23%";
* Є теги, в яких немає закриває тега (img, hr, br), але за стандартами W3C - це ті люди, які диктують правила написання html коду (та й багато чого іншого). У таких випадках треба закривати одиночний тег закриває слешем
Найчастіше при створенні сайту найбільше сил і часу приділяється візуальному дизайну сайту, з точки зору дизайнера, це правильно - адже саме його побачать рядові відвідувачі сайту. І часто економія на коді сайту може зіграти ведмежу послугу: збільшуються витрати на розкрутку сайт (в тому числі і час), починають відкриватися проблеми з кросбраузерністю (зовнішнім виглядом в різних браузерах) сайту і в кінці-кінців, сайт доводитися перевёрстивать.
Як бачите, скупий (або ледачий) платить двічі, а то й тричі! Через таке ставлення в нашому Рунеті безліч сайтів з чудовим зовнішнім дизайном мають огидний код, зроблений на швидку руку в програмі-клепалкой, осовенной в повному обсязі. Не повторюйте помилок таких сайтостроителей, верстайте акуратно і красиво, виділяйте структуру коду, і завжди пам'ятайте, що мова HTML - основа сайту.