-------------------
Вы знаете, как устроен наш мир?



---Load files---
Совет: если изображения отображаются неправильно, попробуйте очистить кеш браузера!
Поиск на странице - нажмите "Ctrl+F", Поиск на сайте - поле ввода "Яндекс-Найти" на "шапке",
Поиск в интернете - 1) выделите текст, 2) нажмите правую клавишу мыши и 3) выберите поисковик.

С О Д Е Р Ж А Н И Е

------- Тимин В.А. (mail: timinva@yandex.ru) Дата последней загрузки: April 21 2018. -------
Ссылка на этот материал: paramyetry_HTML_stranicy.htm)
Пример первой странички сайта

Параметры страницы

Та страница, что была создана ранее, написана на элементарном уровне языка разметки HTML без соблюдения стандартов. На самом деле применяется описанный в стандартах язык.

Приступим к более правильному, стандартному, написанию текста страницы нашего сайта.

В самом начале страницы описываются общие параметры страницы в контейнерах DOCTYPE и  HEAD.

Контейнер DOCTYPE

1). Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать
<!DOCTYPE>. 
Его строгая структура следующая:
<!DOCTYPE [Элемент верхнего уровня] [Публичность] "[Регистрация]//[Организация]//[Тип] [Имя]//[Язык]" "[URL]">
Примените:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Аббревиатура XHTML означает строгий. Для всех документов в большинстве случаев достаточно записать эту строку в виде
<!DOCTYPE html>

Контейнер HEAD

2). После тега <head> пишутся некоторое количество метатегов-параетров, служащих для различных целей. Они не являются обязательными, потому что у них имеются значения по умолчанию или могут быть пустыми. Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Вот некоторые из них:

Иконка сайта

<link rel="shortcut icon" type="image/png" href="/blocks/img/favicon.png"/>
Здесь rel="shortcut icon" - задается иконка сайта, type="image/png" - MIME-тип данных подключаемого файла, href="/blocks/img/favicon.png" - адрес подключаемого файла.
Обратите внимание: значения параметров заключаются в одинарные или двойные парные верхние кавычки. Внутри парной кавычки парные кавычки другого типа воспринимаются как символы, в противном случае необходимо записывать как спецсимвол в формате "&ss;" или "&#nn;" (без кавычек): &quot; - это двойная кавычка,  &#39; - одинарная кавычка. В основном тексте страницы смогут встречаться символы "меньше" и "больше": &amp; - символ "<", &gt; - символ ">"

Атрибут HTTP-EQUIV

В атрибуте http-equiv используются значения, например, "Content-Type", "Content-language", "Refresh", они управляют, указывают, в какой кодировке отображать страничку, как часто обновлять, использовать ли ре-директ. Вот мета-тег, задающий кодировку UTF-8 текста страницы сайта:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

Атрибут Name

Большинство значений аттрибута "name" описывают содержимое сайта, кто автор, как часто обновляется информация, что содержит страничка, либо используются для поисковых систем. Вот некоторые из них:
Мета-тег, дающий ширину просмотра экрана 320px для мобильного устройства:
<meta name='viewport' content='width=device-width' />

Параметр - автор документа:
<meta name="author" content="Автор Документа"/>

Параметр - описание текущего документа:
<meta name="description" content="Изучаем HTML - делаем одностраничный сайт"/>

Параметр - список ключевых слов, встречающихся на странице. Выводится как заголовок на вкладке страницы вместо адреса сайта:
<meta name="keywords" content="изучение html для начинающих чайников новичков с нуля"/>

Возможно применение других метатегов со структурой <meta name="имя параметра" content="значение параметра"/>

Контейнер TITLE

Контейнер <title> - выводится как заголовок на вкладке страницы вместо адреса сайта::
<title>Пример первой странички сайта</title>.

Контейнер BODY

Для соблюдения строгого стандарта непарные теги необходимо заканчивать закрывающим тегом либо перед закрывающей скобкой ставить слеш. Например:
<br> </br> или коротко <br/> bkb ,или более понятно (прозрачно) <br />. В результате получим следующий HTML-текст страницы:

<!DOCTYPE html">
<html>
<head>
    <link rel="shortcut icon" type="image/png" href="/img/favicon.png"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name='viewport' content='width=device-width'/>
    <meta name="author" content="Автор Документа"/>
    <meta name="description" content="Изучаем HTML - делаем одностраничный сайт"/>
    <meta name="keywords" content="Изучение html для начинающих чайников (новичков) с нуля"/>
    <title>Пример первой странички сайта</title>
</head>
    <body>
    <h3>Параметры страницы</h3>
    Изучаем HTML - делаем одностраничный сайт
    <p>Приступим к более правильному, стандартному, написанию текста страницы нашего сайта.</p>
    <br>... </br>
    <br />...
</body>
</html>

Ссылка на этот материал: paramyetry_HTML_stranicy.htm)

- - - ВЫ МОЖЕТЕ ОСТАВИТЬ ПЕРВЫЙ КОММЕНТАРИЙ! - - -


Введите логин:      Введите эл.адрес:

Введите пароль:    Ваш телефон:        

Введите Ваш комментарий:
Формулы:

(возможно использование BB-кодов для оформления комментария и кодов LaTeX для ввода формул)

Решите пример: "два" ^ 4 =

---Load files---
Сегодня - 24_10_2019
Время переоткрытия сайта 04 ч 19 м по Гр.
Календарь
на ОКТЯБРЬ месяц 2018 г.
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 2 24 25 26 27
28 29 30 31 1 2 3
(10 231)

---Load files---
---Load files---


© Все права защищены 2017-2019 При использовании материалов сайта ссылка на http://lowsofphisics.ru обязательна.

В НАЧАЛО
КОММЕНТ
В КОНЕЦ
U:2 V:3 N:1
Уникальных посетителей за текущие сутки: 2 Просмотров: 3 Этой страницы (всего): 1