Meta и поисковые машины

Основной способ использования элемента META - задание ключевых слов, которые поисковые машины могут использовать для улучшения результатов поиска. Если информация о документе представлена в нескольких элементах META в зависимости от языка, поисковые машины могут фильтровать атрибут lang и отображать результаты поиска с использованием выбранного пользователем языка.

Элемент META может использоваться для указания информации по умолчанию для документа.

Элемен Script

Теги <script></script> используются для подключения внешних файлов скриптов. Это позволяет оптимизировать код страниц. Например, если вы используете функции java script для большинства своих страниц, то поместив эти функции на отдельную страницу — function.js, с помощью тега <script> можно указать путь к этой страницы.

Это повышает читабельность кода и ускоряет загрузку страниц. У этого тега несколько параметров:

language — указывает язык написания скрипта, в спецификации HTML 4.0 данный параметр не рекомендуется к употреблению. Вместо него следует указывать параметр type.

type — указывает тип MIME для языка.

src — указывает путь к внешнему файлу со скриптами.

Тело документа Элемент body

В теле документа располагается содержание документа.

Начальный тег: не обязателен, Конечный тег: не обязателен

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

background - Нежелателен. Значение этого атрибута - URI, указывающий на изображение. Это изображение является фоном (для визуальных браузеров).

text - Нежелателен. Этот атрибут устанавливает цвет текста (для визуальных браузеров).

link - Нежелателен. Этот атрибут устанавливает цвет текста гипертекстовых ссылок, по которым Вы не переходили (для визуальных браузеров).

vlink - Нежелателен. Этот атрибут устанавливает цвет текста ссылок, по которым Вы переходили (для визуальных браузеров).

alink - Нежелателен. Этот атрибут устанавливает цвет текста ссылок, когда они выбраны пользователем (для визуальных браузеров).

bgcolor — указывает фоновый цвет документа.

leftmargin — определяет отступ от левого края окна браузера до контента страницы.

rightmargin — определяет отступ от правого края окна браузера до контента страницы.

topmargin — определяет отступ от верхнего края окна браузера до контента страницы.

bottommargin — определяет отступ от нижнего края окна браузера до контента страницы.

Все, что отображается на web-странице, находится в тегах . Это текст, картинки и исполняющиеся скрипты, а также теги для оформления всего этого.

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

3. Теги форматирования и оформления.

Теги структурного форматирования

Для форматирования текста существует много тегов. Одни их них используются часто, другие – редко.

Теги, делающие текст заголовками

<h1> </h1>

…

<hn </hn>

<H1> — заголовок первого уровня

<H2> — заголовок второго уровня

<H3> — заголовок третьего уровня

<H4> — заголовок четвертого уровня

<H5> — заголовок пятого уровня

<H6> — заголовок шестого уровня

Эти теги выделяют текст в виде заголовков. Т.е. каждый заголовок

начинается с новой строки, выделен полужирным шрифтом и имеет свой размер (заголовок первого уровня самый большой, шестого - самый маленький). Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра:

left - слева, right - справа, center - по центру, jastify - по ширине.

Теги разделения на абзацы и переноса строки

Тег <br>- тег принудительного перевода строки. Тег ставится в том месте, где требуется осуществить перенос. Текст, после этого тега начинается с новой строки.

Теги <p></p> разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег <p>, закрывающий тег не обязателен. В отличии от тега абзацы отделяются друг от друга пустой строкой. У тега есть параметр align, который задает способ выравнивания текста внутри параграфа. Возможные значения этого параметра: left - слева, right - справа, center - по центру, jastify - по ширине.

Теги оформления текста - это теги, которые позволяют создать структуру текста – определить его заголовки, абзацы и.т.д

Теги, выделяющие текст курсивом

<I> — контейнерный тег, превращающий в курсив текст, заключенный в контейнер — </I>

Теги, выделяющие текст полужирным шрифтом

<B>—контейнерный тег, придающий жирность тексту, заключенному в контейнер — </B>

Теги, выделяющие текст подчеркиванием

<U> — контейнерный тег, позволяющий подчеркнуть текст, заключенный в контейнер — </U>

Теги <b>, <i>, <u> применяются в HTML чаще всего

Для тега <i> логическим аналогом является тег <em>. А для тега <b> подобным аналогом выступает тег <strong>. Визуально действие этих пар аналогичных тегов неотличимо. Но разница между логическими и физическими тегами все же есть. Физическими тегами текст обычно выделяют для посетителей. А вот логические теги применяются в тех случаях, когда нужно акцентировать внимание поисковика на том или ином слове (фразе). Такой прием очень сильно помогает при раскрутке. Выделяя тегами логического форматирования ключевые слова, вы даете понять поисковой машине, что перед ней именно "ключевики". И когда пользователь наберет в строке поиска фразу, близкую к вашим "ключам", поисковик предложит вашу страничку, как один из результатов поиска.

Теги, выводящие текст в верхнем и нижнем индексах

 выводят текст ниже уровня строки шрифтом меньшего размера

 выводят текст выше уровня строки шрифтом меньшего размера.

Удобны для вывода математических и химических формул

Тег font

<FONT> — контейнерный тег оформления текста, предназначенный для изменения размера, цвета и гарнитуры текста, помещенного в контейнер — </FONT>

Тег выполняет свои функции за счет параметров, каждый из которых отвечает за одно из вышеперечисленных свойств текста. При отсутствии параметров тег не производит никакого воздействия на текст.

Параметры:

size — параметр, позволяющий поменять размер текста, заключенного в контейнер тега. Может принимать значения от 1 до 7 условных единиц. По умолчанию равен трем. Чем выше значение, тем, соответственно, больше размер шрифта.

color — параметр, позволяющий поменять цвет текста, заключенного в контейнер.

face — параметр, позволяющий поменять гарнитуру текста, заключенного в контейнер.

Например, можно задать гарнитуру Arial или Times New Roman, а также любые другие шрифты, установленные на компьютер пользователя.

<font face="Arial" size="7" color="#ff0000">Самый большой шрифт</font>

Тег center -предназначен для выравнивания всех элементов внутри него по центру окна браузера <centr></centr>

4. Списки.

Язык HTML предлагает авторам несколько механизмов создания списков информации. В каждом списке должен быть один или несколько элементов списков. Списки могут содержать:

• Неупорядоченную информацию.

• Упорядоченную информацию.

• Определения.

Списки могут быть вложенными, разные типы списков можно использовать вместе.

Неупорядоченные списки (UL)

Начальный тег: обязателен, Конечный тег: не обязателен

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

type - Нежелателен. Этот атрибут устанавливает стиль элемента списка. Возможные значения: disc, square и circle. Значение, используемое по умолчанию, зависит от уровня вложенности текущего списка. Эти значения не учитывают регистр. Использование атрибута type нежелательно, и стили списков должны определяться с помощью таблиц стилей.

compact - Нежелателен. Если этот логический атрибут установлен, он сообщает браузерам о том, что генерировать список нужно более компактно.

Упорядоченные списки (OL)

Начальный тег: обязателен, Конечный тег: обязателен

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

type - Нежелателен. Этот атрибут устанавливает стиль элемента списка. Возможные значения атрибута type приведены в следующей таблице (они учитывают регистр):

Type Стиль нумерации

1 арабские цифры 1, 2, 3, ...

a буквы нижнего регистра a, b, c, ...

A буквы верхнего регистра A, B, C, ...

i римские цифры в нижнем регистре i, ii, iii, ...

I римские цифры в верхнем регистре I, II, III, ...

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

start - Нежелателен. Этот атрибут задает начальный номер первого элемента в упорядоченном списке. По умолчанию начальный номер - «1». Хотя значением этого атрибута является целое число, соответствующая метка может быть нецифровая. Если в качестве стиля выбраны латинские буквы верхнего регистра (A, B, C, ...), start=3 означает «C». Если в качестве стиля выбраны римские цифры нижнего регистра, start=3 означает »iii » и т.д.

compact - Нежелателен. Если этот логический атрибут установлен, он сообщает браузерам о том, что генерировать список нужно более компактно.

Элементы списков (LI)

Начальный тег: обязателен, Конечный тег: обязателен

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

value - Нежелателен. Этот атрибут устанавливает номер текущего элемента списка. Pначением атрибута является целое число, соответствующая метка может быть нечисловая.

Списки определений: элемент DL

Начальный тег: обязателен, Конечный тег: обязателен

Списки определений незначительно отличаются от других типов списков - тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента DT и может иметь только встроенное содержимое.

Списки определений: элементы DT и DD

Начальный тег: обязателен, Конечный тег: не обязателен

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

5. Таблицы.

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

Таблица HTML состоит из строки и ячеек в ней. При описании таблицы сначала задается тег строки (TR), а в нем последовательно указываются ячейки и их содержимое (тег TD).

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