Как сделать сайт. Видео уроки по HTML. Урок 3. Элемент !DOCTYPE и основные мета-теги

Автор: . 19 Авг 2011 в 10:17

Start Up

Урок 1 Урок 2

Чтобы посмотреть третий видео-урок, нажмите на эту ссылку:

Третий видео-урок по HTML

Ниже, как всегда, вы найдете текстовое описание этого видео-урока.

Открываем нашу страницу “index.html” в текстовом редакторе notepad ++ и, как я и обещала в прошлом уроке, разберемся, что из себя представляет элемент <!DOCTYPE>.

Если вы посмотрите на HTML код, любого сайта в интернете, а посмотреть вы его можете  просто, на Firefox заходите в верхнем меню в “Вид” и далее “Исходный код страницы”, так вот, первое, что вы там можете увидеть, это какую-нибудь вот такую непонятную строчку, расположенную поверх всего: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/-transitional.dtd”> – Это и есть элемент <!DOCTYPE>, содержащий описание стандарта, в соответствии с которым создан весь, расположенный под этой строкой, HTML документ.
Почему нужно указывать стандарт? Потому что, в настоящее время, существует несколько стандартов для HTML документов. Так сложилось. Исторически.
Если вас эта история интересует подробно, то отсылаю вас на сайт htmlbook.ru, на страницу, где все это подробно описано.
Там же, на htmlbook.ru есть таблица валидации тегов, то есть в каком страндарте, какие теги применяются, а какие  нет. Естественно, существует набор тегов, которые работают при любых стандартах.

Далее, мы планировали посмотреть на содержание тега <head></head>. Сейчас у нас там расположен только заголовок нашей страницы в теге <title></title>. Если мы опять посмотрим код какой-нибудь страницы, например, моего сайта, то увидим внутри тега <head></head>, много всякой всячины – различные скрипты, плагины, стили CSS, мета-теги.
Сейчас, пока, я хочу обратить ваше внимание только на три мета-тега, это: 1. <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 2. <meta name=”description” content=”Здесь вы найдете лучшие обучающие курсы, тренинги, семинары, видео-уроки по организации бизнеса, электронной коммерции и заработку в интернете, сможете скачать электронные книги по бизнесу.” /> 3. <meta name=”keywords” content=” лучшие обучающие курсы, тренинги, семинары, видео-уроки по организации бизнеса, электронной коммерции и заработку в интернете, скачать, электронные книги по бизнесу.” />

Первый из них указывает браузеру кодировку документа,  в настоящее время это кодировка utf-8. Элемент http-equiv поясняет, что данный мета-тег предназначается для браузера, а не для поисковых систем.
Если не указать кодировку, то есть риск, что текст вашего документа в интернете, может быть нечитаемым, показываться в виде каких-нибудь кракозябр и иероглифов.

Следующие два мета-тега, наоборот, предназначены, как и тег <title></title>, именно для поисковых систем: В теге “description” вы описываете кратко тематику, содержание вашего сайта. В теге “keywords”  – указываете ключевые слова, непосредственно связанные с содержанием вашего сайта.

В следующем, четвертом видео уроке по HTML, мы продолжим изучение основных тегов, а также узнаем, что такое атрибуты тега, и познакомимся с некоторыми из них.

Урок 1  Урок 4

Лучшие статьи на ваш Email

Подпишитесь на рассылку:

Ваш e-mail: *
Ваше имя: *

 

Похожие статьи:

  1. Как сделать сайт. Видео уроки HTML. Урок 2. Теги HTML p и h1…h6
  2. Как сделать сайт. Видео уроки по HTML. Урок 1. Структура HTML документа
  3. Как сделать сайт. Часть 2. HTML и CSS.
Рубрики: HTML

Обсуждение
Отзыв Александр Захватов  22 Август 2011

Интересно. Для новичков это очень полезный урок. Он может помочь многим. Спасибо.

Отзыв Natabul 22 Август 2011

У, как все сложно, мне такое не потянуть

Отзыв Gashkova 22 Август 2011

Natabul, на этом просто не надо зацикливаться, если вы имеете в виду !DOCTYPE. Надо просто выбрать что-нибудь наиболее нейтральное и забыть. В одном из следующих уроков я дополнительно поясню этот вопрос.

Ваш отзыв