HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLとXMLの違いとは？特徴・コード例・比較表で徹底解説

HTMLとは

HTML（HyperText Markup Language／ハイパーテキスト・マークアップ言語）は、Webページの構造を記述するために使われる言語です。HTML文書はさまざまな「HTML要素」で構成されており、各要素はHTMLタグとその内容によって成り立っています。

HTMLはハイパーテキスト言語であるため、リンクを通じて複数のドキュメント同士をつなぎ合わせることができます。現在の最新バージョンはHTML5です。HTMLは静的な言語であり、軽微なエラーは無視して表示される点や、終了タグの記述が必須ではない点が大きな特徴です。

HTMLのコード例

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML</title>
</head>
<body>
<h1 style="text-align: center;color:#db133a;">HTML</h1>
<h3 style="text-align: center;">これはHTML文書です。</h3>
</body>
</html>

出力結果

HTMLとXMLの違いとは？特徴・コード例・比較表で徹底解説

XMLとは

XML（eXtensible Markup Language／拡張可能マークアップ言語）は、データを構造化するためではなく、データの転送（交換）を目的とした言語です。動的な性質を持ち、エラーがあればすべて報告され、終了タグの記述が必須となります。基本的にはテキスト形式のデータフォーマットであり、Unicodeによる強力なサポートを通じて、世界中のさまざまな自然言語に対応できる点も魅力です。現在のバージョンはXML 1.1です。

XMLのコード例

<?xml version="1.0" encoding="UTF-8"?>
<fullname>
<firstname>John</firstname>
<lastname>Miller</lastname>
</fullname>

出力結果

HTMLとXMLの違いとは？特徴・コード例・比較表で徹底解説

HTMLとXMLの主な違い

ここまでの内容を踏まえ、HTMLとXMLの相違点を比較表にまとめました。

HTMLXML
HyperText Markup Languageの略。Webページの構造を記述するための言語で、HTMLタグとその内容からなる要素で構成されます。eXtensible Markup Languageの略。データの転送（交換）を目的とした言語であり、構造化そのものが目的ではありません。
データを表示するために使われるため、静的です。データの転送に使われるため、動的です。
見た目や構成を扱うプレゼンテーション言語です。プレゼンテーション言語ではありません。
終了タグの記述は必須ではない。終了タグの記述が必須。
<p>、<strong>、<head>などの定義済みタグを使用します。独自のタグを自由に定義できます。
空白（ホワイトスペース）は保持されません。空白（ホワイトスペース）が保持されます。
大文字と小文字は区別されません。大文字と小文字が厳密に区別されます。

このように、HTMLは「Webページを見せるための言語」、XMLは「データをやり取りするための言語」というように、目的が根本的に異なります。用途に応じて適切に使い分けることが重要です。

  1. HTMLのnavigator.languageプロパティとは？ブラウザの言語を取得・表示する方法

    JavaScriptのnavigator.languageプロパティは、ブラウザに設定されている言語（ロケール）を文字列として返します。たとえば、日本語環境では「ja」、アメリカ英語の環境では「en-US」が返されます。ユーザーの言語設定に応じて表示内容を切り替えたい場合など、多言語対応サイトの実装で役立つプロパティです。 構文 navigator.languageプロパティの基本構文は以下のとおりです。 navigator.language 引数は不要で、呼び出すだけで現在のブラウザの言語バージョンを取得できます。 それでは、実際にnavigator.languageプロパティを使用した具体

  2. HTMLエディターとは？代表的な無料エディターの特徴を徹底解説

    HTMLエディターとはHTMLエディターとは、HTMLドキュメントの作成・編集を行い、場合によってはその場で実行までできるツールのことです。現在では、無料・有料を問わず、プロフェッショナル向けの高機能なHTMLエディターが数多く提供されています。Windows標準のメモ帳（Notepad）にはない、テーマのカスタマイズやターミナル連携といった付加機能を備えたエディターも多く、用途やスキルレベルに合わせて選ぶことができます。ここでは、特によく使われている代表的なHTMLエディターをご紹介します。Notepad（メモ帳）最も基本的な無料HTMLエディターの一つです。Windowsに標準搭載されてお