Поточний час:
Сьогодні 22 листопада, середа 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 3 дня

Ваш ip адрес:54.162.166.214

Добрий вечір!
Ви обновили сторінку в 20 : 37
Статистика

Кількість публікацій на блозі: 367
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

Post_29aПродолжаю усваивать язык гипертекстовой разметки HTML, и сегодня тема о базовой структуре, рассмотрим структуру документа HTML, и уточним какие элементы определяют эту структуру.

Добавлю от себя, для того чтобы создать хотя бы первую HTML-страницу просто необходимо иметь какое то понятие о том, из чего она состоит.

Создается HTML-страница из трех разделов, из каких именно если вам интересно узнать тогда продолжайте чтение.

Документ HTML состоит из трех частей:

⇒рядок  содержащий информацию о версии документа

⇒роздел HEAD  декларацивная часть, заголовок документа включает в себя все что находится между тегами <head> и </ head>d> 

⇒роздел BODY часть, которая представляет собой содержание документа, его фактическое наполнение, точнее целую страницу, включает в себя все что находится между тегами <body> и </ body>.

Сечас  рассмотрим  HTML–страницу

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8“>

<title>Документ без назви</title>

</head>

<body>

</body>

</html>

Белое пространство сюда входят пробелы, абзацы, табуляции, и комментарии – могут появляться до и после каждого раздела.

Грамотное использование белого пространства поможет правильно розтавиты акценты web-странице, белое пространство очень важен для четкости и сбалансированного дизайна сайта.

 

Код выше, вполне можно использовать для написания любой HTML-страницы, бывают случае когда не  правильно отображаются символы, вместо символов  абра-кадабра, тогда просто поменяйте в коде значение charset = utf-8, на значение Windows-1251.

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

Елемент DOCTYPE HTML

Элемент DOCTYPE версия HTML, согласно стандартам в каждом документе HTML должно быть обозначено какая версия используется при кодировании этого документа.

Эту роль играет определение (DTD- DOCUMENT TYPE DECLARATION) которое используется для того чтобы определить синтаксис конструкций разметки.

Рекомендуют любой HTML-документ начинать с этой строки DOCTYPE версия HTML, содержащий определение типа документа DTD.

В HTML 4.01 представлены три вида DTD, таким образом программисту необходимо включить один из следующих типов документа в web-проектах которые создаются. Разница между типами DTD заключается в поддержании элементов.


DTD—(Strict) строгий HTML 4.01 включает в себя все что не относится к устаревшей и не желаемых элементов и атрибутов, а также те которые не появляются в документах, которые используют фреймы. 

Обявления типа документа строгий

 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/Strict.dtd”>


DTD—(Transitional) переходной HTML 4.01 тот который большинство рекомендуют, включает в себя все элементы, содержащиеся предыдущий DTD — строгий, плюс устаревшие и нежелательные атрибуты и элементы. 

Обявления типа документа переходний

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>


DTD— (Frameset) для кадров HTML 4.01 включает в себя все элементы переходного  DTD, но еще и содержит кадры (frame).

Обявления типа документа для кадров

 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frame.dtd”>


В каждой декларации указано, что следующий за ней документ является HTML-документом, созданным в соответствии со стандартом HTML 4.01, разработанным W3C. В конце строки декларации присутствуют две последние буквы “EN”, они означают язык DTD для HTML по умалчиванию он всегда английский. 

А во второй строке содержится  адресс (URI) “http://www.w3.org/TR/html4/loose.dtd” > откуда браузер может загрузить даные  DTD

URI– указывающие на DTD для HTML 4.01

“http://www.w3.org/TR/html4/Strict.dtd”>— строге по замовчуванню

  “http://www.w3.org/TR/html/Frameset.dtd”>— для кадрів

   “http://www.w3.org/TR/html40/loose.dtd”>— перехідне

 “http://www.w3.org/TR/html40/HTMLlat.ent”>— комбінації –Latin1

 “http://www.w3.org/TR/html40/HTMLsymbol.ent”>— комбінації символів

 “http://www.w3.org/TR/html40/HTML special.ent”>— спеціальні комбінації

Все эти декларации, не являются обязательным частью HTML-документа, так как некоторые браузеры ее игнорируют, а некоторые программисты просто выбрасывают значение URI.

Елемент HTML

Стуктура HTML–документа,  и ее основные элементы которыу указывают  без деклараций. Без декларации можно создавать HTML-страницы, их основні елементы значатся просто без деклараций, без деклараций тоже можна создавать HTML–страницы

<html>

<head>

<title>Заголовок документа</title>

</head>

<body> Все што содержит документ </body>

</html>

Открывающий тег — <> Закрывающий тег —</> 

 

Елемент HEAD

Елемент HEAD содержит подробную информацию о документе, такую ​​информацию как название, и ключевые слова сайта, которые используются для рекламы в качестве технологий СЕО. Браузеры не показывают информацию, которая содержится в разделе (HEAD), но учитывают ее в процессе поиска в продвижении.

Мы всегда в браузыре можем получить доступ к этой информации, с помощью функции пересмотреть HTML–код.

Елемент HEAD содержит следующую информацыю

⇒титул документа TITLE

⇒ каталог метаинформацыи META

⇒ базовый URI внешних ссылок  BASE

⇒ссылки на другие документы LINK

⇒внешние таблицы стилей STYLE

⇒сценарий клиента SCRIPT 

Елемент TITLE

Елемент TITLE представляет собой обязательным элементом заголовке web-страницы, и показывает краткую информацию по всему документу, а также используется для его индентификации. Этот элемент следует понимать как заголовок документа. В нем можно разместить только заголовок.

Программисты обязательно должны использовать элемент TITLE для индентификации документа.

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

Например заголовок “Базовая структура” не несет полную информацию. А заголовок “Базовая структура документа HTML” несет Пону информацию о емкости документа.Наприклад заголовок “Базова структура” не несе повну інформацію. 

 

Также следует сказать о заголовках, кроме того что элемент TITLE определяет заголовок web-страницы, также в языке HTML присутствует возможность привязать заголовок к элементам документа, путем включения в тег элемента атрибута  title<елемент title=”значения”>.

Атрибут TITLE 

Атрибут TITLE  показывает информацию об объекте, для которого он используется. И по сравнению с элементом TITLE, который как мы уже знаем где писалось ранее о том, что он предоставляет информацию о документе, и может появиться в документе только один раз, атрибут TITLE может определять любое количество элементов по необходимости в отличие от элемента TITLE.

Например

<a href= “http://google.ua/12.HTML” TITLE= “GOOGLE” >о поисковой системе.</a>

Атрибут TITLE играет дополнительную роль при использовании с элементом LINK, для определения внешней таблицы стилей CSS.

Елемент BODY

Елемент BODY применяется для сохранения содержимого web-страницы, которая будет отображена в окне браузера.

Содержание может быть показан в различных формах.


Например, текст, изображения, цвет, звук.

В связи с тем, что в настоящее время таблицам стилей CSS больше предпочитают, из за этого атрибуты BODY представляющих тег <body> были явившегося устаревшими, однако все равно поддерживаются современными браузерами.

Итог

Итог, ну что-перейдем к итогам, нужно ли углубляться в изучение языка HTML, щитаю что да, далее  коротко о всей той информации о которой написано на етой странице.

1. Страница HTML— состоит из четырех или трех частей, это декларация DOCTYPE (информацию о ней можно вносить или не вносить по вашему желанию или какова цель вашей страницы), она все равно будет отображаться в браузеи.

Элемент DOCTYPE версия HTML содержит три типа DTD — мы о них писали в публикации это DTD- (Strict) строгий, DTD- (Transitional) переходный, DTD — (Frameset) для кадров.

2. В страницу HTML кроме декларация DOCTYPE входят следующие элементы — элемент HTML тег пишится в начале и в конце страницы, закрывает страницу, элемент HEAD содержит подробную информацию о документе, элемент BODY применяется для сохранения содержимого web-страницы.

3. В элемент HEAD между открывающим тегом и закрывающим тегом <head> между ними </ head> можно помещать следующую информацию (TITLE, META, BASE, LINK, STYLE, SCRIPT) – более подробно об этих элементах в следующих публикациях, вернее обо всех кроме TITLE , этот мы разобрали в сегодняшней статье.

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

До встречи с уважением Руслнан. Сьогодні у нас: 22-11-2017

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *