プロを目指す人の HTML&CSS の教科書 ［ HTML Living Standard 準拠］(プロヲメザス ヒトノ エイチティーエムエル アンド シーエスエスノ キョウカショ エイチティーエムエル スタンダード　ジュンキョ)

本書は、 HTML と CSS の最新の仕様に準拠した、 HTML ＆ CSS の入門書です。

※特に HTML は 2020 年 4 月現在の最新の HTML Living Standard の仕様書ですべて確認済みの内容となっています。

本書では、 HTML と CSS をゼロから少しずつ学んでいきます。読者がつまづかないように HTML と CSS の小さなサンプルを書きながら学習していき、最後の章で総合的なサンプルを作成するスタイルになっています。

1 つの Web ページ全体を作ろうとすると手順が長くなり、何を学習しているのか分からなくなったり、どこで間違ったか分からなくなってしまったりしがちです。そこで本書では、小さなサンプルで学習することで、「できた」の喜びを感じながら、少しずつ知識を増やしていけるようになっています。

また、サンプルには登場していない属性やプロパティの値などについてもしっかり説明がありますので、サンプルを書き換えて試してさらに経験を積んでみたり、読了後に疑問に思ったことを、改めて調べたりする使い方もできます。

そして、本書の解説は、表面的に「 Web ページが作れればそれでいい」というものではありません。仕様にしっかりと準拠した使い方で、正しく、読みやすいページを作れるように、サンプルを組み立てています。

本書で学習することで、基本的な HTML ＆ CSS の使い方が身につくのはもちろんですが、「なぜそこに、その HTML 、 CSS を使うのか」をきちんと説明できるような知識も、手に入れることができます。

また、本書は、すでにプロとして Web 制作に関わる方が知識をブラッシュアップする際にもお勧めです。 HTML 5.2 がリリースされてから、すでに 5 年が経過しており、ふだん何気なく見ている一見普通の HTML が、現在の最新の文法には合致していない旧式のものとなっている可能性もあります。本書ではそのような旧式となってしまった部分はすべて更新してあり、さらに巻末の特別付録として用意した「 HTML 全要素一覧」「 HTML の要素の分類」「 HTML の要素の配置のルール」は、中級以上の方にもご活用いただける内容となっています。

※本書は、 2018 年 11 月発行の『よくわかる HTML5+CSS3 の教科書【第 3 版】』をベースに、 HTML Living Standard の仕様に合わせて多くの箇所を変更するとともに、最近のトレンドに沿って修正・加筆したものです。
第 1 章 はじめる準備
第 2 章 オリエンテーション
第 3 章 文法的なカタい話
第 4 章 ページ全体の枠組み
第 5 章 テキスト
第 6 章 CSS の適用先の指定方法
第 7 章 ページ内の構造
第 8 章 フレキシブルボックスとグリッド
第 9 章 ナビゲーション
第 10 章 フォームとテーブル
第 11 章 その他の機能とテクニック
第 12 章 ページをまるごと作ってみよう
付録 HTML 全要素一覧／ HTML の要素の分類／ HTML の要素の配置のルール

HTML と CSS の入門書は数多くありますが、その多くは「見た目を再現する手順」に焦点を当てています。本書が異なるのは、なぜその書き方をするのかという設計意図まで踏み込む点です。著者の大藤幹氏は Web 標準の解説で長い執筆実績を持ち、本書でもセマンティクスに基づいたマークアップの考え方、 CSS の詳細度やカスケードの仕組み、レスポンシブデザインの設計原則などを、感覚ではなくルールとして説明します。

対象読者は、入門書を一冊終えて「動くコードは書けるが、なぜ動くのか腑に落ちていない」段階の人です。見よう見まねの CSS を書いている状態から、意図を持って構造を設計できる状態への橋渡しを担う本であり、完全な初心者が最初に手に取るには敷居がやや高めです。一方で、コーディングの現場で「なぜこう書くのか」を後輩に説明できるようになりたい中級者にとっては、知識を体系化する教材として機能します。

フレームワークや CSS-in-JS の流行に左右されない、素の HTML/CSS の仕様に根差した理解を固めたい人に向いています。ツールは変わっても、仕様の読み方と設計の考え方は残るからです。