Урок 14. Web-стандарты и проверка

В данном уроке я предоставлю несколько больше теории HTML.

Что необходимо знать?

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

Начиная с самого появления сети Internet пытались создать общий HTML-стандарт на World Wide Web Consortium (W3C), который основал Tim Berners-Lee.

Раньше, когда за браузеры надо было платить — Netscape был единственным основным браузером. В те времена существовали определенные HTML-стандарты .0 и 3.2. Но так как Netscape занимал рынки на 90% несуществовало подобной необходимости в общих стандартах. Да и кроме того, Netscape изобрел свои собственные странные элементы, которые не поддерживались на других браузерах.

Microsoft на протяжении многих лет игнорировал Internet. После чего начались  соревнования с Netscape, которые привели к появлению нового браузера. По началу первые версии нового браузера Microsoft’аInternet Explorer — поддерживали HTML-стандарты не лучше, чем Netscape. К тому же Microsoft решили распространить свой браузер совершенно бесплатно. И по этой причине Internet Explorer стал одним из самых популярных браузеров.

Начиная с версий 4 и 5, Microsoft начинал лучше поддерживал HTML-стандарты от W3C. А Netscape не собирался создавать новые версий и продолжал выпускать устаревшую четвертую версию.

На сегодняшний день используются HTML-стандарты называемые 4.01 и XHTML. Современные браузеры поддерживают W3C HTML-стандарты.

И так, если вы начали кодировать на HTML, то не забывайте придерживаться стандартов W3C, и тогда вы сможете создать свой собственный web-сайт, который
будет читаться всеми браузерами — на данный момент и в дальнейшем. На данном сайте вы изучили так называемый XHTML.

Учитывая то, что существуют различные разновидности HTML вам необходимо сообщать браузеру, на каком из «диалектов» HTML вы говорите, в нашем случае — XHTML. Для этих целей используют Document Type Definition/определение типа документа. DTD всегда нужно записывать вначале документа:

Например,

Помимо DTD, который говорит браузеру, о том на каком языке XHTML вы пишите свой сайт, необходимо также добавлять дополнительную информацию в тэг html с помощью атрибута xmlns и lang.

xmlns — это сокращение от слов «XML-Name-Space«, он всегда должен иметь значение http://www.w3.org/1999/xhtml.

В lang атрибуте указывается, на каком из языков написан тот или иной документ. Для этого пользуются стандартом ISO 639, в котором перечислены коды всех существующих языков мира. В примере приведенном выше установлен Englishen«).

Благодаря DTD браузеры точно знают как они должны читать и отображать ваши HTML код. Используйте пример выше как шаблон для ваших HTML-документов.

DTD также очень важен при проверке ваших страниц.

Проверка

Не забудьте вставить DTD в ваши страницы — и вы всегда сможете проверить ваши HTML код на наличие ошибок с помощью бесплатного проверщика W3C’s free validator.

Для проверки страниц вашего сайта на корректность нужно его сначала разместить в сети  Intermet. После того, как вы разместите его в интернете перейдите по ссылке validator.w3.org. Далее на этом сайте в строке Address:, введите URL-адрес своей страницы которую вы бы хотели проверить и нажмите на кнопку Check. Если ваша страница окажется корректной, то данный сайт выдаст вам сообщение congratulations message. А если он обнаружит ошибки в вашем html коде то он вытащит сообщение об ошибках с точным местом, что и где сделано неправильно. Чтобы проверить работу сайта validator.w3.org, специально допустите пару ошибок и посмотрите, что из этого получится

Validator бывает полезен не только при выявлении ошибок в html коде. Большинство из существующих на данный момент браузеров сами пытаются исправлять ошибки в коде и отображают страницы сайтов, так как на их усмотрение они должны выглядеть. При этом большинство пользователей не замечают эти ошибки в своих браузерах. Однако различные браузеры исправляют ошибки по своему или же они просто не будут показывать страницы у которых есть ошибки в коде. Поэтому никогда не забывайте о том, что validator поможет вам выявить такие ваши ошибки, о которых вы даже и не подозревали.

Давайте сделаем два основных вывода о том, что необходимо не забывать при создании сайта:

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

 

Урок 15. Последние замечания >>

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

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