Пример первой странички сайта

------- Тимин В.А. (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> пишутся некоторое количество метатегов-параетров, служащих для различных целей. Они не являются обязательными, потому что у них имеются значения по умолчанию или могут быть пустыми. Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Вот некоторые из них:

Иконка сайта

Атрибут 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)Ссылка на другие мои материалы: сайт Vixra.com