Профессиональное оформление страницы
Теперь введём обязательные элементы для профессионально оформленной страницы:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Hello word</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="ffsdmad, ffsdmad@gmail.com" name="author" />
<meta name="Description" content="my first html page" />
<meta name="Keywords" content="html, site" />
</head>
<body>
<h1>Hello word</h1>
<p>This is my first site</p>
</body>
<html>
Запомните сразу, что каждый элемент HTML несёт полезную нагрузку, и чем более активно вы используете все имеющие возможности тем более информативны ваши страницы, а это даёт дополнительные очки при автоматической обработке ваших страниц поисковиками.
К информативным элементам разметки в нашем случает относятся теги:
<title> - текст находящийся в этом теге, будет отображаться в заголовке окна браузера, а так же он активно используется при вычислении релевантности страницы поисковыми системами, нужно запомнить, что в <title> находится название страницы
конструкция <meta content="your name, your email" name="author" /> - однозначно указывает на автора страницы, с помощью этих данных ваш пользователь сможет связаться с вами
конструкции <meta name="Description" content="описание страницы" /> и <meta name="Keywords" content="ключевые слова" /> указывают для индексирующих программ описание содержимого страницы и ключевые слова, например поисковик google активно использует содержимое Description при генерации вывода результатов поиска и для вычисления уровня полезности, релевантности вашей страницы по сравнению с другими
По мимо информационных тегов имеются теги управляющие поведением браузера при отображении страницы. Обратите внимание на самую первую строку нашего нового файла, эта очень важная инструкция переключается движок браузера в режим совместимости с международным стандартом: XHTML 1.0 Strict, этот казалось бы не особо важный атрибут несёт очень большую информационную нагрузку:
во первых говорит о том, что вы из всех диалектов HTML используете XHTML 1.0 Strict (это очень строгий диалект)
во вторых о том, как использовать некоторые конструкции вёрстки
в третьих, она будет вынуждать вас следовать международным стандартам, у вас не получится смешивать разные диалекты языка HTML, это очень хорошо и окупится в дальнейшем
В нашем первом примере мы используем тексты на английском языке, скорее всего этот текст будет всегда и везде отображаться одинаково, потому что латинские символы являются основными в любой компьютерной системе. Совсем другое дело когда приходится использовать отличные от латиницы символы, в нашем случае кириллицу. Неприятность кроется в том, что не у всех может быть ваша кодировка символов, то есть если вы напишите в вашей странице текст кириллицей то имеет все шансы получить ситуацию когда коды символов вашего текста не совпадут с кодами других символов на другом компьютере или не будут соответствовать ничему вообще, и пользователь вашей страницы увидит "кракозяблы". Такое происходит потому, что браузер не знает какую кодовую таблицу символов вы использовали при наборе текста. И таких примеров полно, неопытный разработчик поленился указать свою кодовую страницу и его пользователи сталкивают с трудностями просмотра его сайта, поисковики не верно индексируют содержимое таких сайтов
Имеется несколько способов указать вашу кодовую страницу. Кстати, я рекомендую всегда использовать UTF-8
- с помощью специальной инструкции HTML
-
с помощью http заголовков сервера
Из-за того, что "некоторые" браузеры некорректно работают с этими параметрами вам придётся обрабатывать оба параметра, иначе получите ситуацию когда, кто-то не смог прочитать ваши тексты
- Для того чтобы указать кодовую таблице текста вашей страницы прямо в HTML документе используйте мета тег
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> -
Для того чтобы указать кодовую таблице текста вашей страницы в заголовок HTTP ответа сервера
создайте в папке test1.my/www/ файл .htaccess
со следующим текстом: AddDefaultCharset UTF-8
После этого только самый дикий браузер или поисковый робот не сможет прочитать ваши страницы, разумеется если вы честно будете использовать UTF-8 в своих текстах
Я считаю эти элементы обязательными для каждой грамотно составленной страницы. Разумеется имеется ещё огромное количество информационных (meta) тегов, но с ними мы разберёмся позже. Для проверки правильности вашего HTML кода и соответствия его международным стандартам зайдите на сайт: http://validator.w3.org/ и там либо укажите верный для интернета URL вашей страницы либо закачайте локальный файл
