2. Структура веб-документа - html и xhtml

Самое главное — использовать XHTML исключительно для структурной разметки документа. Возможно, придется ломать стереотипы, но тем не менее это необходимо. И с утилитарной точки зрения гораздо полезнее овладевать технологией, нацеленной в будущее (и уже успешно применяющейся), чем тратить время на приобретение заведомо устаревших навыков.

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

Структурные теги (или, как их еще называют, теги логической разметки) используются только по их прямому назначению. Абзацы текста создаются с помощью тега <p>, и никак иначе. Заголовки (и только заголовки) — тегами <h1>, <h2>... <h6>. <div> — это крупный раздел, блок на странице. Никаких <b>, <i>, <u>, тем более, <font...>!

Вторая особенность — более жесткие и единообразные правила XHTML по сравнению с HTML. Это, с одной стороны, упрощает их изучение, с другой — подталкивает к более аккуратной работе.

Напомним основные отличия:

• все теги и имена атрибутов записываются строчными буквами (значения атрибутов могут содержать и заглавные);

• все значения атрибутов заключаются в кавычки;

• все атрибуты должны иметь значения;

• все теги должны быть закрыты (в том числе, <p>, <li>, <td> и т. п.), «пустые» теги закрываются наклонной чертой в конце тега (например, <br />);

• все специальные символы должны быть закодированы (знак «<», не являющийся частью тега, записывается как «<», «>» — «>», «&» — «&» и т. д.)

Важное замечание: каждое правило начинается словом «все». Никаких исключений нет, что значительно упрощает использование этих правил.

3. Оформление документа - css

Для более легкого оформления и разделения информации на страницах web сайта применяют отдельное дополнение к HTML программированию – таблицы CSS (Cascading Style Sheets).

CSS— формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Язык разметки— набор символов или последовательностей, вставляемых в текст для передачи информации о его выводе или строении.

Как правило, CSS применяется при работе с HTML и XHTML языками, и используется для задания цветов, параметров шрифтов, расположения блоков и иных элементов представления веб - страниц.

К преимуществам использования CSS относятся:

• централизованное управление отображением множества документов при помощи одной таблицы стилей;

• упрощенный контроль внешнего вида веб - страниц;

• наличие разработанных дизайнерских техник;

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

В общем виде CSS задается следующим образом:

<селектор> {

<атрибут стиля №1>: <значение атрибута>;

<атрибут стиля №2>: <значение атрибута>;

...

<атрибут стиля №N>: <значение атрибута>;

}

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

Атрибутом_стиля называется один из параметров элемента веб - страницы (в частных случаях схожи с атрибутами тегов, но следует помнить, что это разные вещи).

CSS стили отделяются друг от друга пробелами, либо символами переноса строк. Не должно быть символов ';' между различными стилями!