Основні елементи HTML. Елемент HTML. Атрибути lang, dir. Елементи HEAD, TITLE. Атрибут title. Елементи META, LINK, BODY. Атрибути id, class.



Мы поможем в написании ваших работ!


Мы поможем в написании ваших работ!



Мы поможем в написании ваших работ!


ЗНАЕТЕ ЛИ ВЫ?

Основні елементи HTML. Елемент HTML. Атрибути lang, dir. Елементи HEAD, TITLE. Атрибут title. Елементи META, LINK, BODY. Атрибути id, class.



Елемент HTML. Ідентифікує документ як що містить елементи HTML. Початковий тег - не обов'язковий. Кінцевий тег - не обов'язковий. Після оголошення типу документу частина документу HTML, що залишилася, міститься в цьому елементі. Усередині цього елементу можуть

знаходитися елементи HEAD і BODY для ділення документу на частини.

Атрибути, визначені для елементу, :

· lang. Цей атрибут вказує основну мову значень атрибутів елементів і текстового вмісту. За умовчанням значення цього атрибуту не встановлене. Приклади можливих значень : ru (російський), en (англійський) і так далі

· dir. Цей атрибут задає основний напрям нейтрального в сенсі напряму тексту і напрям таблиць. Можливі значення:

LTR: Зліва направо.

RTL: Справа наліво.

 

 

Ці атрибути використовуються в основному для допомоги пошуковим машинам, для допомоги програмам перевірки орфографії і тому подібне. Визначення цих атрибутів не є обов'язковим. Ці атрибути можуть бути встановлені і в інших елементах HTML.

Елемент HEAD. Містить інформацію про поточний документ, таку як заголовок, ключові слова, які можуть використовуватися пошуковими машинами, і інші дані, які не рахуються вмістом документу. Початковий тег - не обов'язковий. Кінцевий тег - не обов'язковий. Усередині цього елементу можуть знаходитися елементи TITLE, META, LINK, BASE і деякі інші.

Елемент TITLE. Означає назва документу, яка зазвичай відображується в заголовку вікна браузеру. Початковий тег - обов'язковий. Кінцевий тег - обов'язковий. За стандартом застосування цього елементу є обов'язковим. На практиці ця вимога виконується не завжди. Якщо цей елемент присутній в документі, він повинен міститися в розділі HEAD. Заголовки можуть включати комбінації символів (для символів зі

знаком наголосу, спеціальних символів і так далі), але не можуть містити іншої розмітки.

Елемент TITLEможе мати атрибут, званий title. Цей атрибут встановлюється для практично усіх елементів HTML. Цей атрибут пропонує інформацію про елемент, для якого він встановлюється. Візуальні браузери часто відображують заголовок як підказку. Установка цього атрибуту для посилання дозволяє повідомити користувачів про природу пов'язаного ресурсу.

Вот образец заголовка документа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"

"http://www.w3.org/TR/REC-html40/strict.dtd">

<HTML>

<HEAD>

<TITLE title=”это заголовок”>Интернет-технологии</TITLE>

... другие элементы заголовка...

</HEAD>

<BODY>

... тело документа...

</BODY>

</HTML>

 

Елемент META.

Надає різні типи інформації, що не відображується, і інструкцій для браузеру. Це, зокрема, інформація про зміст сторінки, ключові слова, про автора, команди, що управляють, пошуковим роботам і так далі. Початковий тег: обов'язковий, Кінцевий тег: заборонений. Усі елементи META повинні розташовуватися в розділі HEAD.

META -тэги мають два можливі атрибути

- <META HTTP - EQUIV="ім'я" CONTENT="вміст">

- <META NAME="ім'я" CONTENT="вміст">

 

 

Атрибут HTTP - EQUIV

META -тэги з атрибутом HTTP - EQUIV еквівалентні HTTP -заголовкам. Зазвичай вони управляють діями браузерів і можуть бути використані для вдосконалення інформації, що видається звичайними заголовками. Теги такої форми можуть дати такий же ефект, що і HTTP -заголовки, і на деяких серверах автоматично можуть бути переведені в справжні HTTP -заголовки.

Expires - дата застарівання. Управління кешуванням в HTTP/1.0. Якщо вказана дата пройшла, то черговий запит цього документу викликає повторний мережевий запит, а не підвантаження документу з кеша. Дата зі значенням "0" інтерпретується як "зараз". Таке значення примушує браузер кожного разу при запиті перевіряти - чи змінювався цей документ. Це, до речі відноситься і до прокси-агентам. Пошукові роботи можуть або

зовсім не індексувати такий документ, або постійно перевіряти його.

<META HTTP - EQUIV="expires" CONTENT="Wed, 26 Feb 2012 08:21:57 GMT"> що еквівалентно HTTP -заголовку

Expires: Wed, 26 Feb 2012 08:21:57 GMT

Pragma- контроль кешування для HTTP/1.0. Значенням має бути "no-cache".

Content - Type - вказівка типу документу. Може бути розширено вказівкою кодування сторінки (charset).

<META HTTP - EQUIV="Content-type" CONTENT="text/html; charset=KOI - 8r">

 

Content - language - вказівка мови документу. Може використовуватися пошуковими машинами при індексуванні сторінок. Комбінація поля Accept - Language (посиланого браузером) з вмістом Content - language може бути умовою вибору сервером тієї або іншої мови.

<META HTTP - EQUIV="Content-language" CONTENT="en-GB">

Refresh - визначення затримки в секундах, після якої браузер автоматично оновлює документ. Додаткова можливість - автоматичне завантаження іншого документу.

<META HTTP - EQUIV="Refresh" Content="3, URL=http://www.name.com/page.html"> що еквівалентно HTTP -заголовку

Refresh: 3; URL=http://www.name.com/page.html

Cache - Control - визначає дії кеша по відношенню до цього документу. Можливі значення:

· Public - документ кэшируется в доступних для усіх кешах

· Private - тільки в приватному кеші

· no - cache - не може бути кэширован

· no - store - може бути кэширован, але не зберігається

Атрибут NAME

META -тэги з атрибутом NAME використовуються у випадках, коли поля не співвідносяться з HTTP -заголовками.

Robots - управління індексацією сторінки для пошукових роботів.

<META NAME="Robots" CONTENT="NOINDEX, FOLLOW">

Можливі значення:

· index- індексувати цю сторінку

· follow - індексувати сторінки, на які є посилання з цій сторінці

· all - еквівалентно двом попереднім через кому

· noindex - не індексувати сторінку, але йти по посиланнях

· nofollow - індексувати, але не йти по посиланнях

· none- еквівалентно двом попереднім через кому

За умовчанням CONTENT="index, follow".

Description- коротка анотація змісту документу. Використовується пошуковими системами для опису документу. Довжина тексту до 100 символів.

<META NAME="Description" CONTENT="Документ містить опис елементів HTML">

Keywords - використовується пошуковими системами для індексування документу. Довжина списку до 1000 символів. Не допускається використання одного і того ж ключового слова більше 7 разів, пошукові системи

просто ігноруватимуть це слово.

<META NAME="Keywords" CONTENT="елементи, теги, метадані ">

Document - state - управління індексацією сторінки для пошукових роботів. Визначає частоту індексації - або один раз індексувати, або реиндексировать документ регулярно.

<META NAME="Document-state" CONTENT="Static">

Можливі значення:

· Static

· Dynamic

Author - звичайне ім'я автора, формат довільний.

<META NAME=" Author " CONTENT="Іванов И. И., 2010 р. ">

Generator - звичайна назва і версія редактора, за допомогою якого створена ця сторінка.

Copyright - звичайний опис авторських прав на документ в довільному форматі

 

Елемент LINK.

Надає документу незалежний від середовища метод визначення відношення цього документу до інших документів і ресурсів Мережі. За допомогою елементу LINK можна:

· створювати в документі спеціальні навігаційні кнопки або меню

· управляти процесом відображення набору HTML файлів в друкарські документи

· прив'язувати такі асоційовані ресурси, як таблиці стилів і скрипти

· надавати альтернативні форми для цього документу

Початковий тег: обов'язковий, Кінцевий тег: заборонений. Усі елементи LINK повинні розташовуватися в розділі HEAD.

Серед атрибутів, визначених для цього елементу, найважливішими є:

· rel - визначає тип прямого зв'язку

· rev - визначає тип зворотного зв'язку

· href - визначає URI пов'язаного ресурсу

· type - рекомендований тип вмісту.

 

Атрибути rel і rev можуть набувати значень:

· Alternate - означає альтернативні версії документу, в якому знаходиться посилання.

· Stylesheet - означає зовнішню таблицю стилів.

· Start - означає перший документ в наборі. Цей тип посилання повідомляє пошукові машини про те, який документ автор вважає початком набору.

· Next - означає наступний документ в лінійній послідовності документів.

· Prev - означає попередній документ у впорядкованій серії документів.

· Contents - означає документ, що служить змістом.

· Index - означає документ, що є покажчиком поточного документу.

· Glossary - означає документ - глосарій термінів, що відносяться до поточного документу.

· Copyright - означає зауваження про авторське право для поточного документу.

· Chapter - означає документ, що є главою в наборі документів.

· Section - означає документ, що є розділом в наборі документів.

· Subsection - означає документ, що є підрозділом в наборі документів.

· Appendix - означає документ, що є застосуванням в наборі документів.

· Help - означає документ, що містить довідку (детальніша інформація, посилання на інші інформаційні ресурси і так далі)

· Bookmark - означає закладку.

 

Приклад використання цього елементу:

<!DOCTYPE "-//W3C//ДАТА ГРОМАДСЬКОСТІ HTML HTML 4.0//EN" "http ://www.w 3.org/КОНЦЕРН/строгий REC-html40/.дата">

<HTML>

<ГОЛОВА>

<ЗАГОЛОВОК>Глава 4</ЗАГОЛОВОК>

<Заголовок="Початку" ЄДНАЛЬНОГО rel="Первая страница руководства", type="текстовий/html" href="http://де-небудь.

початок com/керівництва/.html">

<"Індекс" ЄДНАЛЬНОГО rel=, type="текстовий/html" href="http://де-небудь.індекс com/керівництва/.html">

<ЄДНАЛЬНИЙ rel=, "Наступний" type="текстовий/html" href="http://де-небудь.com/керівництво/Chapter5.html">

<ЄДНАЛЬНИЙ rel=, "Попередній" type="текстовий/html" href="http://де-небудь.com/керівництво//Chapter3.html">

<Заголовок=допомоги ЄДНАЛЬНОГО rel="Страница помощи", type="текстовий/html" href="допомога.html"> <!-- описаны

ссылки на индекс, первую, следующую и предыдущую страницу, а также страницу помощи -->

<єднальний rel="stylesheet" type="текстовий/css" href="://де-небудь.керівництво com/керівництва/.css">

<!-- описано местонахождение таблицы стилей руководства -->

</ГОЛОВА> ..продолжение документа..

 

Елемент BODY.

Визначає зміст документу. Початковий тег: не обов'язковий, Кінцевий тег: не обов'язковий.

Визначення найважливіших атрибутів :

background = uri. Небажаний. Значення цього атрибуту - URI, що вказує на зображення. Це зображення є фоном.

text = color. Цей атрибут встановлює колір тексту.

link color. Цей атрибут встановлює колір тексту гіпертекстових посилань, по яких перехід не був здійснений.

vlink color. Цей атрибут встановлює колір тексту посилань, по перехід був здійснений.

alink = color. Цей атрибут встановлює колір тексту посилань, коли вони вибрані користувачем.

Усі ці атрибути є небажаними, оскільки переважним є завдання представлення документу за допомогою таблиць стилів.

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

Кроме этих атрибутов, элемент BODY и имеет множество атрибутов, общих для многих других элементов:

id, class (идентификаторы в пределах документа)

style (встроенная информация о стиле)

bgcolor (цвет фона)

Рассмотрим атрибуты id и class.

Атрибут id назначает элементу уникальный идентификатор. Он имеет в HTML несколько ролей:

• Способ выбора таблицы стиля.

• Назначение цели (якорь) для гипертекстовых ссылок.

• Средство ссылки на определенный элемент сценария.

• Имя объявленного объекта OBJECT.

• В целях обработки агентами пользователей (например, для полей идентификации при извлечении данных из страниц HTML в базу данных, преобразовании документов HTML в другие форматы, в сценариях и т.д.).

 

Атрибут class, з іншого боку, призначає одне або декілька імен класів елементу; при цьому елемент може називатися таким, що належить до цих класів. Ім'я класу може використовуватися декількома екземплярами елементу. Атрибут class має в HTML декілька ролей:

- Спосіб вибору таблиці стилю (коли автор хоче призначити інформацію про стиль набору елементів).

- Для загальної обробки агентами користувачів

Наприклад: <BODY id="myBody" class="info">..

означає привласнення елементу BODY унікального ідентифікатора з ім'ям myBody. Цей ідентифікатор може потім використовуватися в сценаріях. Також вказується, що до документу має бути клас info з таблиці стилів (помітимо, що розташування таблиці стилів може бути вказане за допомогою елементу LINK).



Последнее изменение этой страницы: 2016-04-23; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 34.204.180.223 (0.016 с.)