Что указать между тегами head.
Открыв в браузере страницу вашего сайта,пользователь видит то,что находится между тегами body. За исключением отдельных блоков,которым программист явно указал браузеру -не показывать. Это может быть hidden,none,<--comment-->
Но еще ведь нужно указать браузеру, что и как показывать,откуда подключать файлы,
в которых программист написал код описания стилей или яваскриптов. И это указание
прописывается до открытия тега <body>, в контейнере <head> Вот код для браузера</head>
Открыть программу TopStyle 4.0 ,создать новый html документ. Я выбрал html5,поскольку
внедрение 5 версии в клиентах просмотра интернет страниц,уже выполнено разработчиками
браузеров.
Итак создав главную страницу index.php,но пока для удобства редактирования
в TopStyle 4.0 ,сохраняю файл как index.html. Создаю в TopStyle 4.0 новый файл stili.css,
и сохраняю в папке для css. То есть путь нужно указывать как css/stili.css.В главном файле
сайта,который будет каркасом для всех страниц сайта,нужно подключить файл стилевого описания
разметки страницы.
<link type="text/css" rel="stylesheet" href="/css/stili.css">
<!DOCTYPE html>
<html>
<head>
<base href="#">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="index, follow" name="robots">
<meta content="ключевые слова" name="keywords">
<meta content="содержание страницы" name="description">
<title>Мой сайт с нуля</title>
<link type="text/css" rel="stylesheet" href="/css/stili.css">
<!--[if IE 6]> <link href= "ieonly.css" rel= "stylesheet" media= "all" /> <![endif]-->
<!--[if IE 7]> <link href= "ieonly.css" rel= "stylesheet" media= "all" /> <![endif]-->
<!--[if IE 8]> <link href= "ieonly.css" rel= "stylesheet" media= "all" /> <![endif]-->
</head>
content="text/html charset=utf-8" имеет значение,то есть указывает браузеру, что этот документ
веб страница, с кодировкой utf-8.А http-equiv="content-type" указывает,что этот мета тег задаёт тип документа.
И столкнулся с непониманием браузером ИЕ 8 тега <link>, которым я подключал внешнюю таблицу стилей.
Так при создании страницы index.php в программе TopStyle,в самом вверху прописывается копирайт TopStyle в комментарии. И когда я проверял код разметки и подключение стилей,то в ИЕ 8 не было подключенных стилей. Когда убрал копирайт перед <!DOCTYPE html>,то лишь тогда файл stili.css подключился,что можно было увидеть по свойствам разметки и в средстве разработчика IE 8. |
