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

«В чем разница между XML и CSS?» — вопрос из категории Форматы данных, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

XML (eXtensible Markup Language) — это язык разметки для хранения и передачи структурированных данных. CSS (Cascading Style Sheets) — язык описания стилей для оформления документов (HTML, XML, SVG).

Ключевые различия:

Назначение XML CSS
Основная цель Описание и передача данных. Визуальное оформление и представление данных.
Расширяемость Позволяет создавать собственные теги и структуры. Имеет фиксированный набор свойств для стилизации.
Использование Конфигурационные файлы, обмен данными между системами (API, SOAP, RSS). Стилизация веб-страниц, печатных форм, анимации.

Примеры:

<!-- XML: Данные о книге -->
<book>
  <title>Clean Code</title>
  <author>Robert C. Martin</author>
  <isbn>978-5-4461-0772-3</isbn>
</book>
/* CSS: Стили для элемента 'book' */
book {
  display: block;
  margin: 20px;
  padding: 15px;
  border: 1px solid #ccc;
  font-family: Arial, sans-serif;
}

book title {
  font-weight: bold;
  color: #333;
}

XML определяет что это за данные, CSS — как они должны выглядеть. Для стилизации XML часто используется XSLT или CSS.