Веб-стандарты делят веб-страницы на три независимых компонента:
* Структура: HTML, XHTML, XML.
* Производительность: CSS1, CSS2.
* Поведение: ECMAScript, DOM.
Веб-стандарты до сих пор не содержат рекомендаций или предписаний по внешнему виду и эстетике, а также не накладывают никаких ограничений на внешний вид и ощущения от сайта. Они лишь позволяют браузеру правильно отображать сайт, созданный дизайнером, и помогают клиентам соответствовать требованиям компании. анализ потребностей и потребностей рынка для постановки целей.
Веб-стандарты могут:
* Более точный контроль, позиционирование и макет в графических браузерах.
* Сложное интерактивное поведение
*Доступность
* Поддержка нескольких браузеров
* Работает как в старых, так и в новых браузерах
* Гарантированная работа в будущих браузерах.
* Сокращено время редизайна сайта.
* Поддержка нетрадиционных устройств
* Легко предоставить версию для печати любой веб-страницы.
* Легко изменять дизайн документов в процессе выпуска.
* Преобразование HTML в язык разметки на основе XML.
Причины использовать веб-стандарты:
* Расширение возможностей взаимодействия
* Повышение доступности
* Уменьшите объем работ по техническому обслуживанию.
* Уменьшить пропускную способность
* Сокращение затрат
XHTML — это язык разметки на основе XML, похожий на HTML, с некоторыми небольшими, но важными отличиями. Вы можете посмотреть на это так: XHTML — это XML, который играет роль, аналогичную HTML.
По сути, XHTML — это связующая (переходная) технология, которая сочетает в себе мощь XML (в некоторой степени) с простотой HTML (в основном).
----Джеффри Зельдман
10 причин перейти на XHTML:
*XHTML — это текущая стандартная замена языка разметки HTML4.
* XHTML может хорошо взаимодействовать с другими языками разметки, приложениями и протоколами на основе XML.
* XHTML имеет лучшую согласованность, чем HTML.
* XHTML1.0 — это мост к будущим версиям XHTML.
* Старые браузеры могут адаптироваться к XHTML.
* Новые браузеры предпочитают XHTML HTML.
* XHTML хорошо работает на беспроводных устройствах и других пользовательских агентах.
* XHTML является частью семейства веб-стандартов.
* XHTML может помочь вам избавиться от вредных привычек кода уровня представления.
* XHTML может помочь вам выработать привычку проверять теги, чтобы проверить работоспособность вашей страницы.
Правила XHTML:
* Начните с правильного DOCTYPE и пространства имен.
* Используйте элемент содержимого META, чтобы объявить язык кодирования вашего контента.
* Напишите все имена элементов и атрибутов строчными буквами.
* Добавляйте кавычки ко всем значениям атрибутов и разделяйте атрибуты пробелами.
* Присвоение значения всем атрибутам
* Закрыть все вкладки
* Закрывайте пустые теги пробелами и косыми чертами.
* Не используйте в комментариях
* Обязательно используйте < и & вместо < и &.
XHTML1 предоставляет три типа DTD:
* Переходный, переходный, самый мягкий DTD, единственный DTD, который допускает теги уровня представления, ненужные элементы и атрибуты.
* Строгий, строгий,
* Набор фреймов, рамка,
Метод кодирования содержимого объявления XHTML:
* XML-пролог, но большинство браузеров этого не поддерживают.
* Вставьте элемент Content-Type, чтобы указать язык кодировки,
* Установите язык кодировки через HTTP-заголовок, возвращаемый веб-сервером. Этот метод рекомендуется w3c.
Общий механизм добавления структуры
* Элементы DIV и SPAN в сочетании с атрибутами id и class предоставляют общий механизм добавления структуры в документы.
* Эти элементы определяют встроенный контент (SPAN) и уровень блока (DIV) без введения в контент других элементов уровня представления.
* Атрибут ID аналогичен метке особой области в коде и указывает, что эта область требует специальной обработки. Когда значение атрибута ID используется в специально установленном CSS, оно называется селектором CSS. ID — это самый простой и универсальный способ создания селектора.
* Имя идентификатора должно начинаться с буквы и подчеркивания и не может начинаться с цифры.
Функция идентификации
* В качестве селектора таблицы стилей сворачивайте файлы страниц XHTML;
* В качестве якоря гиперссылки, заменяя устаревший атрибут имени;
* Метод ссылки на элементы в скрипте DOM;
* Как объявленное имя элемента объекта;
* В качестве инструмента для обработки процессов общего назначения.
# Таблица стилей — это совокупность одного или нескольких определений правил, определяющих способ отображения выбранных элементов.
# Определение CSS состоит из двух частей: селекторов и объявлений. Среди них объявление также является коллекцией. Элементы коллекции размещаются внутри пары {}. Каждый элемент заканчивается на ;. Каждый элемент состоит из двух частей: атрибутов и значений.
# Селектор, начинающийся с #, является селектором идентификатора, а селектор, начинающийся с , — это селектор.
# Несколько селекторов могут использовать один и тот же оператор, и в этом случае разные варианты разделяются запятыми.
# Согласно CSS, дочерние элементы страницы наследуют свойства родительского элемента, но некоторые старые браузеры не поддерживают это (например, Netscape 4). Если вы не хотите, чтобы дочерний элемент наследовал характеристики родительского элемента, дочерний элемент может свободно определять связанные атрибуты.
# CSS не чувствителен к регистру, но при сопоставлении с файлом HTML имена категорий и идентификаторов чувствительны к регистру.
# Чтобы облегчить редактирование CSS, вы можете добавить пробелы или символы новой строки.
# Таблицы стилей могут влиять на отображение страницы тремя способами.
1. Информационно-пропагандистская деятельность/импорт
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
или
<тип стиля=текст/css media=all>
@import /styles/mystylesheet.css;
</стиль>
или
<тип стиля=текст/css media=all>
@import URL(/styles/mystylesheet.css);
</стиль>
Примечание. Метод @Import поддерживается только браузерами выше 5.0.