В чем разница между HTML и XML?


Создать аккаунт AWS
Бесплатные сервисы и инструменты для разработчиков в AWS
Посмотреть бесплатные предложения по сервисам и инструментам для разработчиков в облаке
Сервисы и инструменты для разработчиков
Быстрое внедрение инноваций благодаря самому полному набору сервисов и инструментов для разработчиков
Обучающие курсы по инструментам для разработчиков
Начните проходить курс обучения по инструментам для разработчиков с использованием контента, созданного экспертами AWS
Блоги об инструментах для разработчиков
Узнавайте последние новости об инструментах для разработчиков в AWS и рекомендации
В чем разница между HTML и XML? В чем сходство между HTML и XML? Основные синтаксические различия HTML и XML Другие ключевые отличия HTML и XML Когда использовать HTML, а когда – XML Как использовать HTML и XML вместе Краткое описание ключевых отличий HTML и XML Как AWS может удовлетворить ваши требования к HTML и XML?

В чем разница между HTML и XML?

HTML и XML – два популярных языка разметки для разработки приложений и веб-разработки. Несмотря на схожие названия, примеры их использования разные. HTML в основном используется для разработки пользовательского интерфейса приложения. Он отображает текст, изображения, кнопки, флажки и выпадающие списки на веб-сайте или в приложении. В отличие от него, основная цель XML заключается в обмене данными и их передаче. Он кодирует данные в формате, который может быть прочитан как машинами, так и людьми. XML описывает, что представляют собой данные, тогда как HTML определяет способ отображения данных конечному пользователю.

Подробнее об XML »

В чем сходство между HTML и XML?

XML и HTML, а также другие языки, такие как LaTeX, SVG, Markdown и SGML, принадлежат к семейству языков программирования, называемых языками разметки.

Язык разметки – это система для описания данных как для людей, так и для других программ. В нем используется удобный для чтения синтаксис, определяющий структуру, тип, атрибуты, отношения между частями, отображение и значение данных. 

Как языки разметки, HTML и XML имеют несколько сходств.

Синтаксис

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

Теги

Теги обозначаются такими символами, как скобки, запятые и точки. Они обеспечивают структуру и тип элементов данных, а также определяют начало и конец каждого элемента контента. В XML и HTML теги помещаются в угловые скобки, причем каждый элемент находится между двумя открывающими и закрывающими тегами.

Атрибуты

Атрибуты предоставляют дополнительную информацию об элементе, например URL-адрес изображения. В HTML и XML атрибуты элемента определяются в открывающем теге.

Четко определенная структура

Для корректной обработки документы HTML и XML должны соответствовать синтаксическим правилам данного языка. Документ, соответствующий правилам, называется правильно составленным документом. Для правильно сформированного документа требуется:

  1. Один корневой элемент
  2. Закрывающиеся (или самозакрывающиеся) теги для всех элементов
  3. Правильное размещение тегов, помещенных в другие теги
  4. Правильное описание специальных символов, таких как & для символа &

Разработчики используют текстовый редактор или интегрированную среду разработки (IDE) для написания и проверки синтаксиса.

Подробнее об IDE »

Использование

Обычно разработчики сами не используют языки разметки HTML или XML. Эти языки сочетаются со скриптовыми языками для создания динамических веб-страниц и приложений. Динамические приложения меняются из-за новых входящих данных.

При использовании HTML страницы приложений становятся динамическими благодаря скриптовым языкам, которые генерируют новый HTML. В XML скриптовые языки используют новую информацию для обновления параметров.

Независимость от платформы

Независимость от платформы – это способность языка работать в разных операционных системах и на разных платформах без каких-либо модификаций. Как XML, так и HTML основываются на тексте и используют простой синтаксис. Поэтому эти элементы легко интерпретируются различными программными приложениями и операционными системами. Код XML и HTML работает в неизменном виде в браузерах и на различных мобильных платформах.

Основные синтаксические различия HTML и XML

Основное различие между HTML и XML заключается в их тегах. В HTML существуют предопределенные теги, которые должны использовать все. При написании кода HTML нельзя создавать собственные теги. В отличие от этого, в XML используются собственные теги, которые вы можете определить как создатель документа.

Далее мы подробнее поговорим о том, как HTML и XML различаются по тегам.

Предопределенные теги

В HTML есть предопределенные теги. Это означает, что сам тег является частью списка, определенного стандартом HTML. Текущий стандарт HTML – HTML5. 

Примеры предопределенных тегов HTML5:

  • <header> – для заголовка документа;
  • <p> – для абзаца;
  • от <h1> до <h6> – для шести уровней заголовков;
  • <a> – для гиперссылки;
  • <img> – для изображения;
  • <div> – тег элемента контейнера для группировки других элементов;
  • <body> – тег, определяющий основной контент.

Напротив, в XML теги являются расширяемыми, то есть они создаются специально для целей документа. Как создатель документа, вы должны определить теги и атрибуты. Они могут представлять собой любую комбинацию букв и цифр.

Обычно создатели документов используют простые слова для описания данных. Необходимо написать схему XML, определяющую теги и атрибуты для проверки документов и совместного восприятия.

В следующей таблице мы приводим несколько примеров синтаксиса HTML и XML.

HTML

XML

<p class="body_paragraph">This is a paragraph</p>

class= означает, что элемент имеет атрибут класса body_paragraph, который можно использовать для применения стилей.

<country language="English">Canada</country>

country означает элемент страны. language означает, что элемент имеет языковой атрибут – английский.

<body>

<h1>This is a Heading</h1>

<p class="body_paragraph">This is a paragraph</p>

<div>

<h2>This is a subheading </h2>

<p>This is another paragraph</p>

</div>

</body>

<continent name="Europe">

<country language="English">

Великобритания

<currency>GBP</currency>

</country>

<country language="German">

Германия

<currency>EUR</currency>

</country>

</continent>

Самозакрывающиеся теги

В HTML некоторые элементы могут использовать самозакрывающиеся теги (обозначаемые косой чертой) из-за недостатка контента. Использовать самозакрывающиеся теги может ограниченное количество тегов HTML.

Напротив, самозакрывающиеся теги в XML могут существовать в любом месте, где нет контента.

HTML

XML

<img src="my_image.jpg" alt="My image" />

<country name="United Kingdom" currency="GBP" />

Другие ключевые отличия HTML и XML

Несмотря на сходство, в XML и HTML имеется несколько отличий.

Цель

HTML широко известен как язык Интернета. Основная цель HTML заключается в отображении содержимого текстового документа в графической форме в браузере.

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

Типизация

В HTML используется динамическая типизация, при которой типы атрибутов во время выполнения сверяются с ожидаемым типом данных. Например, если атрибут должен быть числовым, но вводится как строка, может возникнуть ошибка или неожиданное поведение веб-страницы во время выполнения. Динамическая типизация позволяет вносить изменения в веб-страницы с новыми входящими данными.

Напротив, в XML используется статическая типизация, когда типы атрибутов предопределены в схеме XML и проверяются перед сжатием или обработкой. При статической типизации возникает меньше ошибок, но и меньше динамического содержимого.

Схема

Определения типов документов (DTD) или схемы обеспечивают структуру, которую можно проверять и повторять для аналогичных документов. Обычно они содержат следующую информацию:

  • Используемая версия HTML или XML
  • Разрешенные элементы и атрибуты
  • Правила структуры документа и взаимосвязей элементов

В HTML DTD – это декларация, которая содержится в начале документа HTML.

В XML DTD представляет собой отдельный файл. Объявление типов документов более важно в XML, поскольку теги XML определяются создателем документа. Благодаря DTD обеспечивается единое понимание тегов отправителем и получателем данных.

Когда использовать HTML, а когда – XML

HTML – это тип разметки, известный как язык представления. Название язык представления связано с тем, что он предназначен для отображения. Вы используете HTML для создания веб-страниц и веб-приложений на стороне клиента. Обычно его комбинируют с каскадными таблицами стилей (CSS) для стилизации и языком программирования JavaScript для динамического поведения.

Напротив, XML используется для обмена данными между двумя приложениями или системами. Для восприятия одного и того же формата приложения имеют общие схемы XML, определяющие содержимое файла XML.

Хотя XML по-прежнему широко используется, в настоящее время более популярным является JSON, другой легкий язык разметки для обмена данными, благодаря его скорости анализа. Вы можете прочитать сравнение JSON и XML, чтобы выбрать лучший для вас формат обмена данными.

Как использовать HTML и XML вместе

XML может встраиваться в HTML и анализироваться с помощью языка программирования JavaScript для создания динамических веб-страниц. Аналогичным образом, при необходимости HTML также можно встроить в XML, используя символьные данные (CDATA) для открытого текста. См. следующие примеры.

XML в HTML

HTML в XML

<html>

  <head>

    <title>Embedded XML Page</title>

    <script type="text/xml">

      <data>

        <item>

          <name>Apple</name>

          <price>1.00</price>

        </item>

        <item>

          <name>Passionfruit</name>

          <price>2.00</price>

        </item>

      </data>

    </script>

  </head>

  <body>

    <h1>Dynamic Fruit Prices</h1>

    <div id="output"></div>

    <script>

      var xml = document.querySelector('script[type="text/xml"]').textContent;

      var parser = new DOMParser();

      var doc = parser.parseFromString(xml, "text/xml");

      var output = document.querySelector('#output');

      var items = doc.getElementsByTagName('item');

      for (var i = 0; i < items.length; i++) {

        var item = items[i];

        var name = item.getElementsByTagName('name')[0].textContent;

        var price = item.getElementsByTagName('price')[0].textContent;

        output.innerHTML += '<div><strong>' + name + '</strong>: ' + price + '</div>';

      }

    </script>

  </body>

</html>

<embeddedHTML>

    <title>HTML code embedded in XML</title>

    <description><![CDATA[

        <div>

            <h1>Embedded HTML header</h1>

            <p>Embedded HTML paragraph.</p>

        </div>

    ]]></description>

</embeddedHTML>

Расширяемый язык гипертекстовой разметки (XHTML) – еще один язык разметки, в синтаксисе которого сочетаются как HTML, так и XML.

Краткое описание ключевых отличий HTML и XML

 

HTML

XML

Что это

Язык разметки, используемый в основном для отображения структурированного контента в браузере

Язык разметки, используемый в основном для обмена структурированными данными между компьютерными системами

Год выпуска

1998

1993

Цель

Язык представления

Язык обмена данными

Цели использования

Создание веб-страниц или веб-приложений на стороне клиента

Обмен данными между двумя системами (сначала проверьте, подходит ли вам формат JSON)

Теги

Предопределенные теги

Расширяемые теги

Типизация

Динамическая

Статическая при использовании схемы XML.

Как AWS может удовлетворить ваши требования к HTML и XML?

Все сервисы интеграции данных Amazon Web Services (AWS) могут обрабатывать файлы XML. Приведем два примера:

  • AWS Glue – это бессерверный сервис интеграции данных, который можно использовать для подготовки данных с помощью интерактивного визуального интерфейса без написания кода. AWS Glue DataBrew может вводить все типы форматов файлов, включая XML.
  • Простой сервис очередей Amazon (Amazon SQS) – это полностью управляемый сервис очереди сообщений, который можно использовать для отправки, хранения и получения сообщений между программными компонентами на любом томе. Сообщения Amazon SQS могут содержать до 256 КБ текстовых данных, включая форматы XML, JSON и неформатированные данные.

Кроме того, AWS предлагает широкий набор инструментов и сервисов для разработки, развертывания и эксплуатации ваших приложений в любом масштабе. Например, вы можете использовать два сервиса:

  • С помощью Студии AWS Amplify можно создать визуально идеальный пользовательский интерфейс. Подключите свой пользовательский интерфейс к облачному серверу всего за несколько кликов.
  • С Amazon Lightsail можно использовать предварительно настроенные стеки разработки для создания пользовательских приложений и веб-сайтов всего за несколько кликов.

Начните разрабатывать приложения на AWS, создав аккаунт уже сегодня.

AWS: дальнейшие шаги

Узнайте, как начать работу с HTML 

Узнайте, как начать работу с XML