Акуратний HTML

Будь-яка робота повинна бути виконана акуратно і красиво. Особливо якщо її можуть побачити багато людей. А це безпосередньо стосується розробки сайтів, і зокрема деяких технологій, що використовуються при цьому – HTML і CSS.

Переглядаючи сторінки в Інтернеті ми, як правило, не дивимося в код HTML. Та й навіщо це потрібно звичайному користувачеві? Але часто буває важливо поглянути на код, щоб скласти деяке враження про творців цього веб-сайту. Код HTML, це як дзеркало умінь, можливостей і бажань розробника сайту.

Зазирнувши туди можна з легкістю дізнатися про те, як зроблена сторінка – "програмою-клепалкой" або людиною, його розумом і знаннями. Щоб вам легше було зрозуміти мою думку, я проведу відмінну паралель. Візьміть музику. Є композиції, написані однією людиною за комп'ютером, за допомогою нескладної програмки. На всіх інструментах він "грає" сам. Йому не потрібен ударник з почуттям ритму, йому не потрібен гітарист з віртуозною технікою, басист теж ні до чого, і клавішник зайвий … Він натискає кнопку і програма сама все грає. І виходить наводнили радіо і клуби безглузда "туцкатня". Мистецтво і творчості немає. Так і в написанні коду. Програма адже дурна – засмічує всі коментарями, непотрібними тегами і конструкціями. А користувачу до цього немає справи – у його IE все виглядає добре. А про Oper'у і NN він навіть не знає, які пред'являють особливі вимоги до оформлення коду сторінки.

Створення ефективного та акуратного коду HTML – це своєрідне, але мистецтво, де треба думати. Особливо це відчується, коли будете створювати сайт не для себе, а для кого-то. Причому зустрічаються сайти з дуже складною структурою, де праця верстальника займає половину часу роботи над всім сайтом. Вкладені по декілька разів таблиці, нестандартне позиціонування та оформлення тесту … Без особистого досвіду написання HTML саме ручками тут ніяк не обійтися. Тим більше одну і ту ж задачу можна вирішити різними шляхами, серед яких потрібно вибрати найбільш оптимальний.

Щоб ваш код сторінки виглядав гідно, акуратно і "неіскусственно", вам було легко в ньому орієнтуватися, то уважно вивчіть наведені нижче пункти і дотримуйтесь їх при написанні HTML:

Наостанок скажу, що "програмами-клепалкамі" краще не користуватися, тому що вони засмічують код і в кінці кінців це отупляє. Використовуйте багатофункціональні блокноти, де ви пишете все самі, але цей процес прискорюється за рахунок додаткових можливостей.

Часто при розробці сайту багато часу приділяється на візуальний дизайн – адже його бачать відвідувачі. А те, що приховано (код HTML), то можна зробити і по-швидкому. Через таке ставлення в нашому Рунеті безліч сайтів з чудовим зовнішнім дизайном мають огидний код, зроблений на швидку руку в "клепалке". Не повторюйте помилок таких сайтостроителей, верстає акуратно і красиво, виділяйте структуру коду, і завжди пам'ятайте, що мова HTML – основа сайту.

Автор: Сергій Т.
Джерело: студія дизайну DuxLab.com

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*