HTML 解体新書ー仕様から紐解く本格入門(エイチティーエムエルカイタイシンショ　シヨウカラヒモトクホンカクニュウモン)

Web 制作の初心者に向けた「 HTML5+CSS3 でサイトを作ろう」といった内容の書籍は多数出版されています。しかし、それらを卒業し、 2 冊目となるような、より深く「 HTML 」を学習できる書籍はあまりありません。
本書は、最低限の HTML に関する知識やスキルを持ち、簡単な HTML ファイルを作成できることを前提に、 HTML を再入門、あるいは HTML の初・中級者からさらなるステップアップをしたい、という読者を対象にしています。

HTML をより深く学習する、言い換えると深く理解するためには、 HTML のシンタックス (構文) とセマンティックス (意味論) を理解することが不可欠です。シンタックスは機械的にチェックできますが、セマンティックスについては現在の技術では人によるチェックをせざるを得ないのが現状でしょう。
また、 HTML の究極の学習コンテンツはウェブ上で策定・公開されている HTML 仕様といえますが、現在の HTML 仕様は多数の前提知識が必要であり、中・上級者向けともいえます。

本書を読み進めることで、静的なウェブページから動的なウェブアプリケーションまで、筋の通った HTML を設計・記述できるようになることを目指します。本書では触れていませんが、これにより現代のウェブページに不可欠な CSS や JavaScript の設計・作成についても理解が深まることでしょう。
また、 HTML 仕様を読むための前提知識についても解説しています。さらに、 HTML と関連のあるアクセシビリティやセキュリティの知識についても、著者陣がスペシャリストの立場として、必要に応じて言及しています。
1 章 HTML の基本概念
1-1 HTML とは
1-2 HTML の仕様
1-3 HTML 標準化の歴史
1-4 ウェブアクセシビリティの基礎
1-5 URL の概要
1-6 HTTP
1-7 技術情報との関わり方

2 章 HTML マークアップのルール
2-1 HTML の要素とタグの基本
2-2 属性
2-3 URL の応用
2-4 要素の入れ子と内容モデル
2-5 HTML で扱える文字
2-6 文字参照
2-7 コメント
2-8 HTML の細かい構文ルール

3 章 HTML の主要な要素
3-1 「 HTML の主要な要素」の読み方
3-2 ルート要素と文書のメタデータ
3-3 セクション
3-4 グルーピングコンテンツ
3-5 テキストレベルセマンティックス
3-6 リンク関連要素
3-7 編集
3-8 エンベティッドコンテンツ
3-9 テーブル
3-10 フォーム 1
3-11 フォーム 2
3-12 インタラクティブ要素
3-13 スクリプティング

4 章 主要な属性と WAI-ARIA
4-1 グローバル属性
4-2 WAI-ARIA
4-3 ARIA 利用時の注意点
4-4 WAI-ARIA の実践

Web ページが「動いて見える」ことと、 HTML として「正しい」ことは別の問題です。『 HTML 解体新書 仕様から紐解く本格入門』 (太田良典・中村直樹著、ボーンデジタル、 2022 年 4 月刊) は、その正しさの根拠である HTML 仕様、すなわち HTML Living Standard の読み解き方から教える HTML 再入門の解説書です。著者の 2 人はともにアクセシビリティを専門とするエンジニアで、太田良典氏はウェブアクセシビリティ基盤委員会 (WAIC) 翻訳作業部会の主査を務め、情報セキュリティ分野で第 2 回 IPA 賞 (情報セキュリティ部門) を受賞した経歴を持ち、共著書に『デザイニング Web アクセシビリティ』があります。

入門書卒業後の 2 冊目という対象読者

対象読者は版元の紹介文にはっきり示されています。最低限の HTML の知識があり、簡単な HTML ファイルを自力で作れることが前提で、「 HTML と CSS でサイトを作ろう」型の 入門書を卒業した人の 2 冊目、つまり初級から中級へのステップアップと学び直しのための本です。タグの書き方を覚える段階はすでに終えていて、そのタグをなぜ選ぶのかを根拠付きで説明できるようになりたい人が読者像の中心になります。

全 4 章の構成: 基本概念から WAI-ARIA まで

構成は全 4 章です。 1 章は HTML とは何かという基本概念から始まり、仕様と標準化の歴史、ウェブアクセシビリティの基礎、 URL や HTTP といった周辺技術までを押さえます。 2 章はマークアップの構文ルールで、要素と属性、要素の入れ子関係を規定する内容モデル、文字参照などを扱います。 3 章は本書の中核にあたり、文書のメタデータ、セクション、グルーピングコンテンツ、テキストレベルセマンティックス、テーブル、フォーム、スクリプティングまで、主要な要素を仕様の観点から解説します。 4 章はグローバル属性と WAI-ARIA に充てられ、 ARIA 利用時の注意点と実践までを扱います。静的なページから動的な Web アプリケーションまで筋の通った HTML を設計・記述できるようになること、というのが版元の掲げる到達点です。

仕様から学ぶことの価値: Living Standard とセマンティクス

仕様から学ぶことの価値は、 HTML の標準化の経緯を知ると分かりやすくなります。 HTML の仕様は WHATWG が策定する HTML Living Standard に一本化され、 W3C の HTML5 勧告は 2021 年に廃止されました。バージョン番号で区切られた固定の版はもう存在せず、仕様は更新され続ける生きた文書になっています。特定時点の書き方を暗記する学習はいずれ古びますが、仕様そのものを読んで判断する力は更新に追従できます。もう 1 つの価値は セマンティクス です。 div 要素と section 要素の違いは画面の見た目には現れませんが、スクリーンリーダーなどの支援技術や検索エンジンは要素の意味を手がかりに文書構造を解釈するため、要素選びの正しさはアクセシビリティと機械可読性に直結します。ブラウザ表示では気づけないこの種の正しさを判断する根拠が仕様であり、アクセシビリティの専門家 2 人が仕様の読み方そのものを教えるという本書の作りは、この問題への正面からの回答といえます。

類書との使い分けと向いている読者

類書との使い分けは明快です。手順どおりに 1 つのサイトを作り上げるタイプの入門書や、要素を項目別に引く辞典型リファレンスとは役割が異なり、本書は「なぜそう書くのか」の根拠をたどる読み物です。したがって、これから初めて HTML に触れる人や、まず早く成果物を作りたい人には遠回りに感じられるはずで、その場合は制作手順型の入門書を先に終えるのが順当です。

一方で、コードレビューで要素選択の理由を仕様に基づいて説明したい実務者、 WAI-ARIA を雰囲気ではなく根拠付きで使いたいフロントエンド開発者、アクセシビリティ対応を業務として進める Web 制作者にとっては、読後に「仕様を自分で引いて判断する」という長持ちする力が残る 1 冊です。 2022 年の刊行後も HTML Living Standard の細部は更新され続けていますが、本書が教える要素の意味論と仕様の読み方という中核は陳腐化しにくく、疑問が出るたびに仕様と往復するための手引きとして長く手元で使えます。