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

• Може 2, 2024

XHTML 1.0 і 1.1 означають EХнапружений НyperТдоб Маркуп Language і являють собою величезний стрибок вперед від 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 Строгий - найчистіша форма для досвідчених веб-дизайнерів. Ці версії дозволяють створювати кричущий чистий код, без необхідності вставляти код макета (шрифт, колір, макет) у весь документ. Замість цього ви введете на початку каскадний лист таблиці стилів (CSS).

XHTML 1.0 Перехідний - середина формату дорожнього коду, щоб допомогти дизайнерам, які потребують часу, щоб освоїти цей новий засіб кодування або бажають розмістити глядачів, які все ще використовують старі веб-браузери. Використовуються таблиці стилів, але також є гарний старий HTML-код. Наприклад, тег body все ще включає атрибути bgcolor, текст, посилання, vlinks.

XHTML 1.0 Frameset - ця варіація сама по собі пояснює - ви її використовуєте, коли хочете включити XHTML в документ на основі кадру.

Ще одна вдосконалена версія, XHTML 1.1 дозволяє додавати модульний код для міжнародних та інших спеціальних потреб кодування. Для полегшення цього додаткового кодування вбудовані модулі RUBY. Найбільш суттєвою зміною XHTML 1.1 є від'єднання даних від презентації. Форматування більше не вбудовується в дані і може бути досягнуто лише шляхом посилання на каскадні таблиці стилів (CSS). Це залишає доступними дані для легкого розбору та повторного використання широким діапазоном нових продуктів, що не є робочими та доступними програмами.

Налагодження вашого HTML-коду

На сьогоднішній день W3C Dave Raggett та Source Forge пропонують чудову утиліту з відкритим кодом, HTML Tidy для дизайнерів, які хочуть перетворити свої поточні документи HTML у XHTML (і привести в дію свій код). Цей зручний інструмент допоможе вашому коду світитись, виконуючи всі ці корисні завдання:

• Відсутні або невідповідні кінцеві теги виявляються та виправляються


• Кінцеві теги в неправильному порядку виправляються


• Виправляє проблеми з наголосом заголовка


• Відновлення після змішаних тегів


• Додавання пропущеної косої риски в кінцеві теги для якорів


• Удосконалення списків, введення пропущених тегів


• Пропущені лапки навколо значень атрибутів додаються


• Повідомляються про невідомі / власні атрибути


• Власні елементи визнаються та повідомляються як такі


• Мітки, у яких відсутня кінцева дужка, помічені


• Замінює зайвий код макета на властивості стилю та правила за допомогою CSS


• Видаляє порожній абзац і елементи заголовка

Нітті Гриті

Одне з головних "правил" при використанні XHTML - це те, що код повинен бути чистим і повним.

• На всіх елементах повинні бути закриті теги та належним чином вкладатись.


• Усі теги мають бути написані з малого регістру - XML ​​відрізняється від регістру.


• Кінцеві теги повинні бути включені для ВСІ елементів


• Усі атрибути повинні бути в лапках, наприклад. ширина, кольспан, рядок


• Порожні елементи повинні мати кінцевий тег

Рука, що допомагає

Відчуваєш, що вивчаєш ще один формат 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: Чи повинен надійний дизайнер знати HTML?
ЧАСТИНА 2: HTML 3.2 - Народження Вільбура
ЧАСТИНА 3: HTML 4.0 І 4.01 - більше корисної речі!
ЧАСТИНА 4: XHTML: Веб-кодування для вдосконаленого дизайну
ЧАСТИНА 5: DHTML: Динамічне веб-кодування

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