schel4koff.ru

Компьютер — интернет — сайтостроение — SEO — монетизация

Стандарты создания сайтов: HTML и CSS.

07.12.2013
Понятие базовой HTML-страницы при создании сайта
Комментарии

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

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

      Когда Интернет только еще зарождался, девелоперы создавали сайты, как бог на душу положит. Так же относились к своим профессиональным обязанностям и производители веб-браузеров. Сайты, разработанные под Internet Explorer, не читались в Netscape и наоборот.
С целью прекращения этой анархии и безобразия был организован консорциум C3W, члены которого занялись приведением HTML кодов к общему знаменателю.
В самом начале исходного кода HTML страницы имеется вот такая строка: <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «https://www.w3.org/TR/html4/loose.dtd»>. Это и есть указание, какой именно стандарт использовался для создания сайта по указанному адресу.
Со временем, для форматирования и структурирования видимых элементов на веб-странице, добавилась технология CSS, каскадные таблицы стилей, в которых закодирована информация о том, как будет выглядеть текст во всех существующих браузерах. Если CSS не используется, в разных моделях просмотрщиков страница будет отображаться по-своему. А это не есть хорошо.
Если не задать в исходном коде стандарты исполнения, в браузерах могут возникать искажения в отображении дизайна страницы. Таким образом, стандарты HTML и CSS позволяют обеспечить кроссплатформенность сайтов, одинакового визуального представления в браузерах от разных производителей.
Конечно, речь идет только о современных веб-просмотрщиках, которые разработаны с учетом самых современных стандартов, одобренных консорциумом C3W. Язык гипер разметки развивается, усложняется, добавляются новые теги. В браузерах старых образцов современные сайты все равно частично не читаются. Некоторые элементы не будут отображаться, некоторые функции не будут работать. Каждый пользователь иногда встречался с ситуацией, когда нажимаешь на кнопки, а ничего не происходит. Это и есть результат несоответствия стандарта сайта и браузера.
Иногда веб-мастера небрежно относятся к своей задаче и забывают точно прописать строчку !DOCTYPE. В таком случае, браузер будет воспроизводить страницу сайта по собственному разумению. И результат может быть непредсказуем.

    В основном, можно выделить три основных типа языков разметки гипертекста, для каждого из которых установлены свои стандарты:

— Традиционный HTML.

— XHTML, расширенный, с добавлением возможностей XML.

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

     Каскадные таблицы стилей CSS были разработаны для облегчения процесса управления внешним видом сайтов за счет использования Стилей. Это примерно то же самое, как в текстовом документе Word. Есть стили для разных уровней заголовков, для обычного текста и так далее. Такой подход позволяет привести документ к единому формату, что выглядит гораздо более профессионально и удобно, чем хаос в стилистическом оформлении.
Веб-мастер при разработке дизайна своего сайта может либо разработать собственную уникальную таблицу стилей, либо подключить отображение сайта к готовым CSS, заложенным в браузеры при их разработке.

Мне нравится

Вы можете посмотреть так же записи

Обновлено: 07.12.2013 — 19:46

Автор

админ

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Schel4koff.ru © Все права защищены 2014 г.
Для любых предложений по сайту: [email protected]