XHTML: веб-кодирование для изысканного дизайна

• May 1, 2024

XHTML 1.0 и 1.1 означает EИксtensible ЧАСYperTвн Markup Lи представляют собой гигантский скачок вперед от HTML 4.0. Они сочетают в себе лучшее из HTML 4.0 и XML, чтобы дать дизайнеру более сложную схему кодирования для усовершенствованного и более решительного веб-дизайна.

W3C, родители всех языков HTML, описали XHTML 1.0 как «первое серьезное изменение в HTML со времени выхода HTML 4.0 в 1997 году. Оно привносит строгость XML в веб-страницы и является краеугольным камнем в работе W3C по созданию стандартов, обеспечивающих более богатые веб-страницы на постоянно расширяющемся ассортименте браузерных платформ, включая мобильные телефоны, телевизоры, автомобили, беспроводные коммуникаторы размером с кошелек, киоски и настольные компьютеры ».

Варианты XHTML

Три различных типа XHTML доступны для удовлетворения потребностей всех веб-дизайнеров. К ним относятся строгий, переходный и фреймворк XHTML.

XHTML 1.0 Strict - самая чистая форма для опытных веб-дизайнеров. Эта версия позволяет создавать скрипучий чистый код без необходимости вставлять код макета (шрифт, цвет, макет) по всему документу. Вместо этого вы включаете код каскадных таблиц стилей (CSS) в начале.

XHTML 1.0 Transitional - середина формата кода дороги, чтобы помочь дизайнерам, которым нужно время, чтобы освоить это новое средство кодирования, или желающим приспособить зрителей, которые все еще используют старые веб-браузеры. Таблицы стилей используются, но старый добрый HTML-код также включен. Например, тег body по-прежнему включает атрибуты bgcolor, text, links, vlinks.

XHTML 1.0 Frameset - этот вариант не требует пояснений - вы используете его, когда хотите включить XHTML в документ на основе фреймов.

Еще одна более продвинутая версия, XHTML 1.1 позволяет добавлять модульный код для международных и других специальных нужд кодирования. Модули RUBY включены для облегчения этого дополнительного кодирования. Единственным наиболее значительным изменением в XHTML 1.1 является отсоединение данных от представления. Форматирование больше не внедряется в данные и может быть достигнуто только путем ссылки на каскадные таблицы стилей (CSS). Это оставляет данные доступными для простого анализа и повторного использования широким спектром новых продуктов, не относящихся к рабочему столу, и приложениями с расширенными возможностями.

Приведение в порядок вашего HTML

Dave Raggett и Source Forge от W3C в настоящее время предлагают отличную утилиту с открытым исходным кодом HTML Tidy для дизайнеров, которые хотят преобразовать свои текущие HTML-документы в XHTML (и привести в порядок свой код). Этот удобный инструмент поможет вашему коду сиять, выполнив все эти полезные задачи:

• Отсутствующие или несоответствующие конечные теги обнаруживаются и исправляются


• Конечные теги в неправильном порядке исправлены


• Исправляет проблемы с выделением заголовка


• Восстанавливает от перепутанных меток


• Добавление недостающей косой черты в конечные теги для якорей


• Совершенствование списков путем добавления отсутствующих тегов


• Добавлены пропущенные кавычки вокруг значений атрибутов


• Сообщается о неизвестных / проприетарных атрибутах


• Запатентованные элементы признаются и сообщаются как таковые


• Тэги, не имеющие завершающей скобки, замечены


• Заменяет избыточный код макета на свойства стиля и правила, используя CSS


• Удаляет пустой абзац и элементы заголовка

Нитти Гритти

Одним из основных «правил» при использовании XHTML является то, что код должен быть чистым и полным.

• Все элементы должны иметь закрывающие теги и правильно вкладываться.


• Все теги должны быть написаны в нижнем регистре - XML ​​чувствителен к регистру.


• Конечные теги должны быть включены для ВСЕ элементы


• Все атрибуты должны быть в кавычках, например. ширина, colspan, rowspan


• Пустые элементы должны иметь конечный тег

Рука помощи

Чувствуете себя перегруженными изучением еще одного формата HTML? Помощь под рукой, если так. XStandard - это редактор кода WYSIWYG, который помогает вам писать чистый чистый код XHTML в XHTML 1.0 Strict или XHTML 1.1. Создатели описывают это программное обеспечение как: «самый продвинутый, основанный на стандартах WYSIWYG-редактор на рынке. Он идеально подходит для любой системы управления контентом на основе Windows или браузера, поддерживающей ActiveX. XStandard управляет многофункциональным контентом на любом языке, имеет мощные функции доступности и поддерживает популярные параметры редактирования, включая таблицы, перенос текста вокруг изображений и перетаскивание файлов в редактор. " Программное обеспечение поставляется в бесплатной версии XStandard Lite и более универсальной версии XStandard Pro.

Если вы хотите, чтобы ваш сайт работал хорошо в сегодняшних браузерах и нетрадиционных устройствах и продолжал хорошо работать в завтрашних, рекомендуется создать новые сайты в XHTML и конвертировать старые страницы в XHTML, если позволяет ваш график работы. Конечно, это не конец! Уже ведется работа по созданию XHTML 2.0. Этот шаг должен сосредоточиться исключительно на структуре, а не на обратной совместимости. Вы можете прочитать об этой новейшей форме XHTML на веб-сайте IBM в их статье, Будущее Интернета: XHTML 2.0.

Серия статей о выделении HTML

ЧАСТЬ 1: Должен ли Credible Designer знать HTML?
ЧАСТЬ 2: HTML 3.2 - рождение Уилбура
ЧАСТЬ 3: HTML 4.0 и 4.01 - больше хорошего!
ЧАСТЬ 4: XHTML: веб-кодирование для изысканного дизайна
ЧАСТЬ 5: DHTML: динамическое веб-кодирование

Видео инструкция: Учим HTML за 1 Час! #От Профессионала (May 2024).