ホームページ辞典 第 6 版 HTML・CSS・JavaScript

Web ページの基本 3 要素、HTML (構造)・CSS (デザイン)・JavaScript (動き) の解説を 1 冊に盛り込みました。第 6 版となる本書では、最新 HTML5、CSS3 の解説を増量。モダンブラウザ / iPhone & Android にも対応し、近年の Web トレンドに合わせた、より実践的な内容になっています。ダウンロード可能なサンプルソースも一新して、よりわかりやすくなりました。これから Web 制作を学びたいビギナーから、実務でのリファレンスとして使いたい上級者まで、広くおすすめできる 1 冊です。

『ホームページ辞典 第 6 版 HTML・CSS・JavaScript』 (株式会社アンク 著、翔泳社、2017 年 12 月刊) は、HTML (構造)、CSS (デザイン)、JavaScript (動き) という Web ページの 3 つの要素の解説を 1 冊にまとめた辞典で、版元は第 6 版で HTML5 と CSS3 の解説を増やし、iPhone と Android にも対応したと案内しています。

3 部構成、各部が基礎とリファレンスの 2 章

本書は第 1 部が HTML、第 2 部が CSS、第 3 部が JavaScript で、どの部も第 1 章が基礎、第 2 章がリファレンスという同じ形をとり、巻末に付録が付きます。第 1 部のリファレンスは、文書の基本、セクション、コンテンツのグループ化、テキストレベルの意味づけ、コンテンツの埋め込み、テーブル、フォームという分類で要素を並べます。第 2 部のリファレンスは、テキスト、フォント、色と画像、背景とボーダー、ボックス、レイアウト、リスト、テーブル、段組み、フレキシブルボックス、トランジション、アニメーション、変形、その他の分類です。第 3 部のリファレンスは、ダイアログ、ウィンドウ、ドキュメント、フォーム、イベント、日付、タイマー、文字列、画像、データ処理、ナビゲーション、DOM の分類で構成されています。

HTML リファレンスと CSS リファレンスの分類

第 1 部のセクション、コンテンツのグループ化、テキストレベルの意味づけという分類は、見た目ではなく文書の構造を表すタグを選ぶ セマンティック HTML の用語に当たります。第 2 部の分類のうち、フレキシブルボックスは要素を 1 方向に並べて伸び縮みさせるレイアウトの仕組みで、Flexbox と略して呼ばれます。トランジション、アニメーション、変形は、JavaScript を書かずに CSS だけで動きを付けるための仕組みです。

JavaScript リファレンスの分類

第 3 部の分類には、ダイアログ、ウィンドウ、ドキュメント、ナビゲーションがあります。ページ上の要素を取り出して書き換える DOM の操作と、クリックや入力に応じて処理を動かすイベントの扱いも、この部の分類に入っています。

版元は対象を、これから Web 制作を学びたい人から、実務でリファレンスとして使いたい人までと案内しています。Web デザインの本の選び方は Web デザイン本ガイド にまとめています。本書は、3 つの言語の基礎とリファレンスを 3 部に分けて収め、付録を備えた辞典です。