Сайт о правильных сайтах

проект

Развитием HTML 4 стал расширяемый (extensible) язык разметки гипертекста – XHTML 1.0, за исключением ряда нюансов, в точности повторяет функциональность HTML 4.01 и включает в себя все те же три типа документов: Strict, Transitional и Frameset. XHTML 1.1, полностью упразднивший типы документов Transitional и Frameset , на практике пока используется довольно редко. XHTML 2.0 уходит в еще больший отрыв от совместимости с HTML – но эта версия пока еще находится в работе и в разряд официальных рекомендаций W3C перейдет не так скоро. То же самое относится и к CSS3 – перспективной версии CSS, снимающей многие ограничения, присущие CSS2. В более скором будущем официальной рекомендацией W3C должна стать спецификация CSS2 Revision I (CSS2.1.


Технологии

Этот раздел включает в себя материалы, затрагивающие актуальные на сегодняшний день веб-технологии стороны клиента, разрабатываемые Консорциумом W3C.

Рассматриваются языки разметки HTML 4. 01 и XHTML 1. x в сочетании с каскадными листами стилей CSS2, а также язык сценариев JavaScript. При этом, надеемся, пользователь получит целостное представление о технологической цепочке создания веб-сайтов и глубокое понимание актуальных тенденций развития веб-технологий.

Верстка — один из самых важных аспектов разработки любого веб-сайта, и тем не менее разработчики и владельцы задумываются о нем крайне редко. Любой современный браузер способен понять самый плохой код, но можно ли игнорирование ошибок считать нормой, и какие преимущества дает качественно исполненный HTML-код? Для начала нужно определиться с тем, а зачем, собственно говоря, нужна эта самая вещь, именуемая версткой. Каковы цели, задачи, приоритеты? Итак, задача в общем виде:

Скомпоновать красивую страницу с хорошим содержанием, которой удобно пользоваться, которая быстро загружается, которая легко и правильно индексируется поисковыми системами, которую удобно редактировать, которая не накладывет никаких ограничений на используемое посетителями программное обеспечение.

HTML был создан учеными как средство публикации научных трудов в Интернете, отсюда и главная его особенность: сверстанный текст передает логическую структуру документа. Если слово является заголовком, оно «помечается» тегом <h1>, если это подзаголовок — <h2>, абзацы текста — тегом <p>; и так далее. Логическая разметка имеет множество преимуществ и ее использование — это очень правильное решение.

Существует два главных класса текстовой разметки: логическая и физическая. Логическая разметка показывает роль текстового сегмента, например, большую значимость по сравнению с обычным текстом или то, что данный сегмент является цитатой. Физическая разметка связана с представлением текста в специальной манере, например, с использованием шрифтов или специального вида подчеркивания. Предпочтение должно отдаваться логической разметке. Используйте физическую разметку только, если это действительно соответствует требованиям представления текста. Например, для сильного выделения используйте элемент <STRONG>, а не <B>, в предположении, что различные браузеры реализуют подчеркивания лучшим образом для того окружения, в котором они установлены.

Язык HTML в целом предлагает следующие возможности:

  1. публиковать веб-документы, содержащие заголовки, текст, таблицы, списки, фотографии и т.д.;
  2. получать дополнительную информация, используя гипертекстовые ссылки;
  3. создавать формы для интерактивного общения с удалёнными серсисами, для поиска информации, заказа товаров и т.д.;
  4. включать непосредственно в документы видео- и аудиоклипы, анимационные ролики и другие объекты.

Спецификации каскадных таблиц CSS (Cascading Style Sheets) разработала фирма Microsoft. Изначально CSS создавались для того, чтобы отделить содержание страницы от сопутствующих дополнительных тэгов описания. CSS дает возможность задать описание объекта только однажды. Мало того, можно описать все стили для нескольких страниц или всего сайта в одном отдельном файле и все ваши странички будут иметь совершенно одинаковый вид — одинаковые шрифты, таблицы, рамки. При этом, если вы что-либо захотите изменить в оформлении своего сайта, вам нужно будет поменять только один файл — тот, в котором содержаться соответствующие стили описания. Кроме того, CSS позволяет использовать множество дополнительных эффектов для оформления страниц. Что тоже важно.

Таблица стилей также будет полезна для использования, например, кому-то захочется все программные коды представлять на желтом фоне и большим шрифтом, в то время как кто-то другой предпочтет совсем другие методы для выделения их в обычном тексте. Такие операции будут выполняться много проще, если постоянно будет использоваться логическая разметка.

Одно из преимуществ использование таблицы стилей: веб-сайт будет правильно отображаться на любом устройстве и в любом браузере. Для создания альтернативной версии веб-сайта, скажем, для наладонных компьютеров с маленьким экраном нужно будет создать один небольшой файл — и все. Это займет час, в худшем случае — два. Второе преимущество: веб-сайт будет доступен для любого посетителя, включая посетителей с ограниченными возможностями.