В прошлом уроке, уважаемые читатели, мы знакомились с понятием HTML, что такое HTML шаблон и для чего он нужен. Сегодня предлагаю начать изучение HTML и CSS. Сегодня мы узнаем:
1. Что такое DOCTYPE?
2. Для чего тег HEAD?
3. Как установить кодировку в шаблоне?
4. Как описать ключевые слова, название и описание сайта?
Итак, основные цели на сегодня заданы, в путь по новым знаниям HTML верстки, начинаем урок по созданию дизайна сайта!
1. Что такое DOCTYPE? DOCTYPE (DOC – документ, Type – тип) – это стандарт, согласно которому сайт передаёт браузеру информацию о том, какая версия HTML используется в шаблоне. Позже я постараюсь написать подробнее об этом стандарте. Мы выберем наиболее подходящий доктайп для нас, который будет говорить о том, что мы используем первую версию XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">2. Для чего нужен тег HEAD? HEAD - это такой тег, внутри которого описываются параметры страницы: кодировку, подключение стилей, ключевые слова и описание сайта, а также подключает скрипт javascript и favicon сайта.
<head></head>Пункты, про которые я расскажу далее будут находится внутри этого тега.
Кстати!
Любой тег находится внутри
"<head>" и "</head>"“ /” перед названием тега закрывает его.
3. Как установить кодировку в HTML шаблоне? Для начала узнаем, а что такое кодировка? Кодировка – это соответствие символов машинным кодам, а также процесс перевода информации из компьютерного представления в понятный человеку вид и наоборот.
Существует множество кодировок, с русским языком наиболее известны: KOI8, UTF8 (Unicode) и WINDOWS-1251 (CP1251). предлагаю выбрать UTF8. Кодировка подключается следующей строчкой:
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> Несложно догадаться, что кодировка указана после charset=. Данная строка отвечает ещё за несколько параметров, но мы пока не будем «забивать мозг» себе ещё непонятными терминами.
4. Как описать ключевые слова, название и описание сайта? Ключевые слова (ключевики) – это те основные микромысли, которыми придерживается ваш сайт, а описание и название, я думаю, пояснять не нужно. Если вы узнаете про правильное указание ключевиков и описания сайта, то вы узнаете часть ответа на вопрос: как раскрутить блог.
Название сайта (страницы) должно быть заключено между тегами
"<head>" и "</head>" Пример:
<title>Наш сайт!</title>Ключевые слова описываются следующей строкой:
<meta name="keywords" content="ключевые, слова" />А описание сайт- этой:
<meta name="description" content="описание сайта" />Итак, мы разобрались со всеми 4-мя вопросами, на сегодня урок окончен, удачи вам в верстке!