Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.147.51.75
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Модератор форума: Hawk  
Как выглядит красивый HTML?
Сообщение оставлено 29.07.2010 в 01:26:24 | Сообщение #1
Что делает код HTML красивым? Вот небольшой список того, что говорит о мастерстве кодера:
Объявлен Doctype. Для правильного отображения браузерами вашей страницы.
Аккуратная head секция. Прописаны метатеги, присутствует title, объявлена кодировка, добавлен файл со стилями, включая версию для печати (желательно для других устройств тоже). Внешние файлы (стили и скрипты) имеют отдельные папки «css» и «scripts».
Тегу body прописан id. Позволяет создавать стили применительно к отдельной странице.
Семантическое меню. Для меню используются неупорядоченные списки.
Основной внешний div. Обернув все содержимое на каждой странице в один div позволит легко контролировать ширину страницы.
Div вместо table. Вместо таблиц используются div, таблицы используются для представления табличных данных. Присутствуют такие свойсива как caption, th и т.д.
Используются семантические элементы и атрибуты по их прямому назначению.
Семантические class и id. Используются семантически-правильные названия классов и значения id (например id=”news-box”, а не id=”left-green-block”).
В начале основное содержимое. Наиболее важная информация (новости, события) находится на первом месте в HTML.
Подключаемые повторяющиеся элементы. Элементы повторяющиеся на каждой странице, подгружаются автоматически, например с помощью php.
Читабельный код. Код состоит из нескольких секций и имеет вложенную структуру.
У тегов img проставлены атрибуты alt и title.
Никаких инлайновых стилей. HTML сфокусирован на структуре и содержимом, а не на оформлении! Все стили прописаны отдельно.
Оптимальный HTML. HTML имеет оптимальный размер и не перегружен лишним кодом.
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика