Настройки в заголовке HEAD в HTML: Meta-теги и другие

  1. Создание сайта на Adobe Dreamweaver
  2. Первая веб страница
  3. Форматирование текста в HTML
  4. Создание списков
  5. Гиперссылки
  6. Создание таблиц в блокноте
  7. Цвета в HTML
  8. Как создать форму в HTML?
  9. Табличная верстка сайта
  10. Изображения в html
  11. CSS
  12. Работа с текстом и изображениями в CSS
  13. Блочная структура сайта
  14. Блочная верстка

В этом уроке мы познакомимся с таким элементом страницы как  head. Тег head, как вы знаете, идет вначале страницы. Перед тегом head идет тег doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Этот тег сообщает браузеру, что страница написана на языке xhtml 1.0 (одна из версий языка html).

В теге head прописывают мета- информацию:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site2</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

Здесь сообщается, что выводить текст нужно в кодировке utf-8(charset=), название сайта Site2 (<title>Site2</title>). К этому документу подключена таблица стилей css style.css (<link href=»style.css» rel=»stylesheet» type=»text/css» />).

Также можно будет встретить такой тег:

<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML">

meta name=»keywords»— означает что в этом теге назначены ключевые слова, которые прописаны после content=.

А в этой строке идет описание страницы:

<meta name="description" content="Бесплатные Web-учебники по HTML, CSS, XML, и XHTML">

После слова content=  идут слова, с помощью которых описывали содержание страницы.

Раньше эти мета теги использовали для продвижения сайтов в поисковой выдаче. Но сейчас эти мета- теги практически бесполезны, т.к. поисковые машины игнорируют их.

Полный список атрибутов тега meta можно найти в справочнике по html.

Вот мы и подошли к концу нашего учебника. Мы проделали большой путь. Теперь вы можете делать неплохие статистические сайты. Если же вы хотите продвинуться дальше, делать динамические сайты, т.е. сайты с изменяемым содержимым, то вам нужно в дальнейшем изучать языки веб-программирования, например php или asp.

Существуют также cms- это такие шаблоны динамических сайтов, в которых каркас и дизайн уже создан. Вам останется только наполнить его контентом. Недостаток cms- без знания языков веб-программирования вы существенно не сможете изменить дизайн своего сайта. Наиболее популярные cms это- Joomla, WordPress, Drupal. Если вы хотите быстро создать свой блог или форум, то изучив одну из этих cms вы сможете это сделать.

Желаю вам удачи на просторах Интернета.

Оставить ответ

Ваш email не будет показан.