- •Оглавление
- •Введение Информация о курсе
- •Тенденции веба
- •Переход в веб
- •Введение в html Что такое html?
- •Элементы
- •Атрибуты
- •Базовая структура документа
- •Стандарт xhtml 1.0 Strict
- •Введение в css
- •Правила, свойства, значения
- •Простые селекторы
- •Универсальный селектор
- •Селектор по типу элемента
- •Селектор по id
- •Селектор по class
- •Подключение таблицы стилей к веб-документу
- •Элемент style
- •Атрибут style
- •Работа с цветом
- •Свойство color
- •Миф о «безопасных» цветах
- •Свойство background
- •Background-color — цвет фона
- •Background-image — фоновое изображение
- •Background-repeat — режим повторения изображения
- •Background-attachment — режим прокрутки (прикрепления) изображения
- •Background-position — положение изображения
- •Свойства border-top, border-right, border-bottom, border-left
- •Свойства border-width, border-color, border-style — параметры рамки
- •Собирательное свойство border — рамка
- •Элементы html Области элементов
- •Некоторые текстовые элементы
- •Заголовки
- •Элемент p — абзац
- •Элемент address — адресные данные
- •Атрибут title
- •Оформление гиперссылок
- •Псевдоклассы гиперссылок
- •Элементы dt и dd — главная и подчиненная части списка определений
- •Оформление списков
- •Элемент img — изображение
- •Атрибут src — адрес изображения
- •Атрибут alt — альтернативное описание
- •Атрибут style — оформление изображения
- •Атрибуты colspan и rowspan — объединение ячеек
- •Семантическая верстка и микроформаты
- •Оформление страниц при помощи css Оформление текста
- •Свойство font-family — гарнитура шрифта
- •Семейства шрифтов
- •Свойство font-size — кегль шрифта
- •Свойство font-style — управление наклоном
- •Свойство font-weight — насыщенность шрифта
- •Свойство font — управление шрифтом
- •Свойство text-transform — преобразование регистра
- •Свойство line-height — высота строки
- •Свойство vertical-align — вертикальное выравнивание
- •Вертикальное выравнивание для строчных элементов
- •Вертикальное выравнивание для ячеек таблиц
- •Область элемента
- •Свойство text-indent — управление абзацным отступом
- •Свойство padding — внутренний отступ
- •Свойство margin – внешний отступ
- •Верстка Что такое верстка?
- •С кем взаимодействует верстальщик?
- •Как создается веб-страница?
- •Процесс верстки
- •Пример верстки
- •Глава 6. Введение в JavaScript
- •Что такое JavaScript?
- •Типы данных
- •Переменные
- •Операторы
- •Инструкции
- •Конструкторы
- •Прототипы
- •Возможности расширения
- •Экземпляры и классы
- •Общие методы класса Object
- •Интеграция html и JavaScript
- •Элемент script
- •Интеграция в данные
- •Глава 7. Клиентский JavaScript Формы в html
- •Элемент form — собственно форма
- •Обработчики событий
- •Обработчики событий как атрибуты
- •Обработка событий без внедрения кода через атрибуты
- •Таймеры
- •Объект Location
- •Объект History
- •Объект Window
Стандарт xhtml 1.0 Strict
Что же представляет собой стандарт XHTML, о котором уже так много сказано? По сути это большой шаг в эволюции HTML. Стандарт «старого» HTML оказался тупиковым путем развития технологий представления веб-документов и от него отказались (последняя редакция HTML – 4.01, принята в 1999) в пользу более гибкого и легкого XHTML. Несмотря то, что XHTML является более новым для старого HTML стандартом, он сохраняет обратную совместимость.
XHTML призван объединить в себе преимущества языков HTML и XML, на базе которых он и построен, но при этом избавиться от их недостатков. Он унаследовал от HTML набор элементов и атрибутов, а также модели содержания элементов. Это сохраняет обратную совместимость и означает, что браузеры могут обрабатывать и отображать документы XHTML так же, как документы HTML. Также он соответствует синтаксическим правилам XML, поэтому обладает расширяемостью и хорошо интегрируется с другими технологиями, в отличие от HTML.
Формальные требования стандарта XHTML от HTML направлены в сторону ужесточения правил, увеличения их строгости и однозначности. Синтаксические требования XHTML:
-
Имена элементов и атрибутов должны записываться в нижнем регистре;
-
Значения атрибутов должны заключаться в кавычки. Допустимы как двойные, так и одинарные, хотя чаще употребляются двойные;
-
У каждого открывающего тэга должен быть соответствующий ему закрывающий тег. Также элементы не могут перекрываться. Такие записи являются запрещенными в XHTML:
<p>This is <strong>strong text</p></strong>
<a href="download.html"><em>link</a></em>
-
Логические атрибуты должны иметь значения, совпадающие с именами атрибутов, например: checked="checked", disabled="disabled".
XHTML как и HTML имеет два направления: Strict (строгое) и Transitional (переходное). Направления отличаются набором элементов и атрибутов. Рекомендуется использовать направление Strict: в нем меньше элементов и выше однозначность.
Еще в HTML 4.01 некоторые элементы были отмечены как «нежелательные». Они использовались в предыдущих версиях HTML и были вытеснены CSS и другими более совершенными средствами. Эти элементы исключены из направления Strict. К ним относятся: applet, basefont, center, dir, font, isindex, menu, s, strike, u.
Также существует несколько нежелательных атрибутов, которые запрещены в направлении Strict: bgcolor, color, vspace. Некоторые атрибуты нежелательны только для определенных элементов. Например, атрибут border не желателен для элемента img, но полностью разрешен для элементов table; атрибут size нежелателен для font и basefont, но разрешен для input и select. Однако, несмотря на допустимость атрибутов оформления, лучше отказаться от них в пользу CSS: код становится проще.
Также не рекомендуется использовать оформительские элементы и атрибуты. Хотя они не запрещены стандартом, но проще обойтись без них. К таким элементам относятся area, b, big, hr, i, map, small, tt, к атрибутам – align, border, cellpadding, cellspacing, height, marginheight, marginwidth, valign, width.