🤖
【初学者によるまとめ】この一冊で全部わかるWeb技術の基本 「Chapter4」>「03 XML」
目的:「イラスト図解式 この一冊で全部わかるWeb技術の基本」の要点を自分なりにまとめ、Qiitaへアウトプットして理解力の向上に努める。
注意点 |
---|
🤔 ←この絵文字の文章は個人的な見解になります。的外れなこともあるかと思います。 |
例)🤔<(感想、考察、疑問点など) |
(参考書籍)
(参考サイト)
XML
:::note info
-
XML
(eXtensible Markup Language)…「拡張マークアップ言語」- HTMLと同じマークアップ言語
- HTMLとは異なりあらゆる用途で使用できる汎用的な言語
- データの構造と意味を表現するのに特化している
-
SGML
(Standard Generalized Markup Language)...「標準汎用マークアップ言語」- HTML、XMLの派生元
:::
- HTML、XMLの派生元
言語の位置づけ
- SGMLは国際標準化機構(ISO)によって標準化されている
- HTML、XMLは"W3C"という第三者機関によって標準化されている
- URLやHTTPといった主要な技術も"W3C"という第三者機関に認定されている
(画像:SGMLから派生した言語)
XMLはHTMLとは親戚関係
サンプルコード(1.1 保管ファイル分類ファイル )<?xml version="1.0" encoding="utf-8"?> <_22_文書管理_1_保管ファイル分類ファイル> <保管ファイル分類管理番号>123456789</保管ファイル分類管理番号> <年度>2012</年度> <分類レベル>3</分類レベル> <上位分類管理番号>123456780</上位分類管理番号> <分類名称>○○に係わる通達</分類名称> <所有組織コード>130001</所有組織コード> </_22_文書管理_1_保管ファイル分類ファイル>
:::note info
【XMLの構文について】
- HTMLの親戚関係にあるため、HTMLに類似している点が多い
- 開始タグ、終了タグで文章を挟む
- タグは自分で好きなように定義可能
- サンプルのようにタグが「何のデータか」を日本語で表現できたりする
- 好きなように定義可能なため用途も幅広く使える
用途例)
- Microsoft Office では、.docx、.xlsx、.pptx などの XML ベースのファイル形式を使用
⇒Microsoft Word、Microsoft Excel、Microsoft PowerPointに適用
:::
XHTML
:::note info
-
XHTML
(eXtensible HyperText Markup Language)…「拡張可能なハイパーテキスト マークアップ言語」- HTML を XML の文法で再定義したもの(拡張子は'.xml')
-
<?xml version="1.0" encoding="Shift_JIS" standalone="no"?>
のような「XML宣言」から始まる - 「終了タグが必ず必要」など、HTMLより構文は厳格とされている
- 例)
<br> 文章 </br>
←</○○>
が必要(HTMLではタグによっては必須ではない)
:::
- 例)
サンプルコード(XHTML 1.0 文書)<?xml version="1.0" encoding="Shift_JIS" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>XHTMLとは何だろうか</title> <meta http-equiv="Content-type" content='text/html; charset="Shift_JIS"' /> </head> <body> <p><a href="http://www.w3.org/TR/xhtml1">W3C</a> で定義されています。</p> </body> </html>
Webの世界においてのXML
XHTML は 'XML + HTML' な特徴を持つため、「HTMLにXML文書を埋め込む」ような実装が可能
- Webの世界における"XML文書"には'MathML'、'SVG'がある
特にSVGは好まれて使われる画像ファイルである- MathML ... XMLで記述された数式
- SVG ... XMLで記述された画像
Discussion