Page 69 - 6108

не знає тонкощів своєї роботи або ставиться до неї недбало, що в підсумку
відбивається на престижі сайту.
Причини, за яких нехтують перевіркою
1. Перевірка не надає гарантії, що сторінка буде відображатися коректно
у всіх браузерах
Навіть якщо код перевірено, його все одно доведеться випробувати в
різних браузерах. Наявність коду без синтаксичних помилок не означає, що
сайт буде відображено в різних браузерах цілком коректно. Отже, деякі
прихильники цієї точки зору стверджують, при розробці веб-сторінок цілком
достатньо протестувати сайт в різних браузерах.
2. Обмеження часу на виправлення сайту
Верстальник може мати в роботі значну кількість проектів і йому складно
знайти час, щоб виправити всі розміщені сторінки, оскільки вони вже
функціонують в Інтернеті. Такі розробники вважають, що краще витратити цей
час, роблячи роботу, яка дійсно є продуктивною.
3. Відвідувач не перевіряє вихідний код
Пересічний відвідувач сайту навряд чи буде виявляти помилки HTML і
CSS коду. Для нього важливо, як виглядає сторінка сайту в веб браузері.
Найпоширеніші вимоги до HTML та CSS-коду
1. Кросбраузерність
Сайт повинен нормально працювати як в останніх так і старших версіях
популярних браузерів, зокрема IE7 +, FF3 +, Opera9 +, Safari4 +, Chrome.
2. Застосування коментарів
Основні HTML блоки коментарями коментуються в такий спосіб:

<! --- BEGIN FOOTER ->
<! --- END FOOTER ->
CSS блоки в такий:

/* FOOTER */
Якщо використовуються CSS хакі, також потрібні коментарі, що це і для
якого браузера. Коментарі допомагають орієнтуватися в коді не лише
верстальнику, але і решта учасників проекту: програмісту, контент-менеджеру,

оптимізатору.
3. Впорядкування в таблиці стілів
CSS файл повинен бути розбитий за допомогою рядків з коментарями на
блоки за функціональним або структурним призначенням, наприклад:
/ * _____ 1. Скидання CSS____________ * /
/ * _____ 2. Типові елементи__________ * /
/ * _____ 2.1. Заголовки______________ * /
/ * _____ 2.2. Посилання_____________ * /
/ * _____ 2.3. Елементи форм_________ * /
/ * _____3. HEADER (Шапка сайту) ____ * /
/ * _____4. FOOTER (підвал) _________ * /
/ *_____5. SIDEBAR (Праворуч) ______ * /

4. Змістовні назви