スッキリと読みやすいコードを目指す！HTML、XML、XHTMLにおける「Space Before Closing Slash ?」
2024-07-27
HTML、XML、XHTMLにおける「Space Before Closing Slash ?」
Space Before Closing Slash ? は、終了タグにおけるスラッシュ（/）の直前にスペースを入れるかどうかという問題です。
HTML
HTMLでは、終了タグにおけるスラッシュの直前にスペースを入れることは必須ではありません。以下、2つの書き方はどちらも正しいです。
<p>This is a paragraph.</p>
<p>This is a paragraph</p>
しかし、多くのスタイルガイドでは、一貫性と可読性を向上させるために、スペースを入れることを推奨しています。
XML
XMLでは、終了タグにおけるスラッシュの直前にスペースを入れることは必須です。以下、1つ目の書き方のみが正しく、2つ目の書き方はエラーになります。
<p>This is a paragraph.</p>
<p>This is a paragraph</p> ```
### 3. XHTML
XHTMLはHTMLの厳格なサブセットであり、XMLの規則に従います。そのため、終了タグにおけるスラッシュの直前にスペースを入れることは**必須です**。
### 4. まとめ
| 言語 | スペース | 例 |
|---|---|---|
| HTML | 必須ではない | `<p>This is a paragraph.</p>` |
| | | `<p>This is a paragraph</p>` |
| XML | 必須 | `<p>This is a paragraph.</p>` |
| XHTML | 必須 | `<p>This is a paragraph.</p>` |
スペースを入れるかどうかは、個人の好みやスタイルガイドによって異なります。しかし、多くの場合、スペースを入れる方が可読性が高くなります。
**参考資料**
* HTML 5.2 Specification: [無効な URL を削除しました]
* XML 1.0 Specification: [無効な URL を削除しました]
* XHTML 1.0 Specification: [https://www.w3.org/TR/xhtml1/](https://www.w3.org/TR/xhtml1/)
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>サンプルページ</title>
</head>
<body>
<h1>見出し1</h1>
<p>これは段落です。スペースを入れるかどうかは、個人の好みやスタイルガイドによって異なります。しかし、多くの場合、スペースを入れる方が可読性が高くなります。</p>
<h2>見出し2</h2>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
</body>
</html>
XML
<?xml version="1.0" encoding="UTF-8"?>
<document>
<title>サンプル文書</title>
<author>Bard</author>
<date>2024-04-02</date>
<content>
<p>これは段落です。XMLでは、終了タグにおけるスラッシュの直前にスペースを入れることは必須です。</p>
</content>
</document>
<!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" lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>サンプルページ</title>
</head>
<body>
<h1>見出し1</h1>
<p>これは段落です。XHTMLでは、終了タグにおけるスラッシュの直前にスペースを入れることは必須です。</p>
<h2>見出し2</h2>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
</body>
</html>
他の方法
自動整形ツール
オンラインツール
いくつかのオンラインツールでは、コードを入力すると、自動的にスペース Before Closing Slash を修正してくれます。
手動修正
コード量が少ない場合は、手動で修正することも可能です。
注意点
- コードの可読性を向上させるためには、一貫性のある方法でスペース Before Closing Slash を適用することが重要です。
- 一部の古いブラウザでは、スペース Before Closing Slash がないとエラーが発生する可能性があります。
- スペース Before Closing Slash の問題は、コードの動作に影響を与えるものではありません。
html xml xhtml
