🤖

【初学者によるまとめ】この一冊で全部わかるWeb技術の基本 「Chapter4」>「03 XML」

2024/12/19に公開

目的:「イラスト図解式 この一冊で全部わかるWeb技術の基本」の要点を自分なりにまとめ、Qiitaへアウトプットして理解力の向上に努める。

注意点
🤔 ←この絵文字の文章は個人的な見解になります。的外れなこともあるかと思います。
例)🤔<(感想、考察、疑問点など)

(参考書籍)

  1. イラスト図解式 この一冊で全部わかるWeb技術の基本

(参考サイト)

  1. BAsixs
  2. 総務省
  3. SEOタイムズ
  4. microsoft.com
  5. XHTML 1.0 文書

XML

:::note info

  • XML(eXtensible Markup Language)…「拡張マークアップ言語」
    • HTMLと同じマークアップ言語
    • HTMLとは異なりあらゆる用途で使用できる汎用的な言語
    • データの構造と意味を表現するのに特化している
  • SGML(Standard Generalized Markup Language)...「標準汎用マークアップ言語」
    • HTML、XMLの派生元
      :::

言語の位置づけ

  • SGMLは国際標準化機構(ISO)によって標準化されている
  • HTML、XMLは"W3C"という第三者機関によって標準化されている
    • URLやHTTPといった主要な技術も"W3C"という第三者機関に認定されている

(画像:SGMLから派生した言語)
image.png

XMLはHTMLとは親戚関係

サンプルコード(1.1 保管ファイル分類ファイル )
<?xml version="1.0" encoding="utf-8"?>
<_22_文書管理_1_保管ファイル分類ファイル>
    <保管ファイル分類管理番号>123456789</保管ファイル分類管理番号>     
    <年度>2012</年度>     
    <分類レベル>3</分類レベル>     
    <上位分類管理番号>123456780</上位分類管理番号>     
    <分類名称>○○に係わる通達</分類名称>     
    <所有組織コード>130001</所有組織コード> 
</_22_文書管理_1_保管ファイル分類ファイル> 

引用 : https://www.soumu.go.jp/main_content/000687877.pdf

:::note info
【XMLの構文について】

  • HTMLの親戚関係にあるため、HTMLに類似している点が多い
    • 開始タグ、終了タグで文章を挟む
  • タグは自分で好きなように定義可能
    • サンプルのようにタグが「何のデータか」を日本語で表現できたりする
    • 好きなように定義可能なため用途も幅広く使える

用途例)

  1. 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>

引用 : http://msugai.fc2web.com/web/XHTML/xml.html

Webの世界においてのXML

XHTML は 'XML + HTML' な特徴を持つため、「HTMLにXML文書を埋め込む」ような実装が可能

  • Webの世界における"XML文書"には'MathML'、'SVG'がある
    特にSVGは好まれて使われる画像ファイルである
    • MathML ... XMLで記述された数式
    • SVG ... XMLで記述された画像

Discussion