資格道場
HTML5プロフェッショナル認定試験レベル1の勉強法とおすすめ参考書【独学合格ガイド】
HTML5プロフェッショナル認定試験レベル1（HTML5レベル1）は、Webコンテンツ制作に必要なHTML5・CSS3・レスポンシブWebデザインの基礎知識を証明する民間資格です。LPI-Japanが実施しており、Web制作者・フロントエンドエンジニアの入門資格として人気があります。CBT方式でほぼ毎日受験でき、独学で十分合格可能です。
- HTML5レベル1の試験概要と出題範囲
- 独学で合格するための勉強法
- おすすめ参考書・問題集
- 学習スケジュールの目安
試験概要
HTML5プロフェッショナル認定試験は、特定非営利活動法人LPI-Japanが実施するWeb技術者向けの認定試験です。レベル1とレベル2の2区分があり、レベル1はWebコンテンツの制作に関する基礎知識を問います。現行のバージョンはVer2.5です。
| 試験名 | HTML5プロフェッショナル認定試験 レベル1（Ver2.5） |
|---|---|
| 実施機関 | 特定非営利活動法人 LPI-Japan |
| 実施方式 | CBT方式（全国のピアソンVUEテストセンターで随時実施） |
| 出題形式 | 選択式・記述式 約60問（90分） |
| 合格率 | 非公表 |
| 受験料 | 16,500円（税込） |
| 受験資格 | なし（誰でも受験可能） |
HTML5プロフェッショナル認定試験の合格率は公式には公表されていません。一般にレベル1は入門レベルとされ、Web制作経験者であれば取り組みやすい難易度と言われています。スコアレポートで分野別の正答状況が確認できます。
出題分野（5分野）
HTML5レベル1（Ver2.5）は、大きく5つの分野から出題されます。HTMLの要素・属性だけでなく、CSSやレスポンシブ設計、APIの基礎まで横断的に問われるのが特徴です。
出題分野
- Webの基礎知識：HTTP/HTTPS、HTMLの基本構造、DOCTYPE宣言、文字コード、Webブラウザの仕組みなど
- CSS：セレクタ、ボックスモデル、Flexbox、配色・フォント指定、CSSの優先順位（カスケード）など
- 要素とそのセマンティクス：HTML5の構造化要素（header/nav/article/section/footer）、フォーム、メディア要素（audio/video）など
- レスポンシブWebデザイン：viewport設定、メディアクエリ、可変グリッド、モバイルファースト設計など
- API の基礎知識：Canvas、Web Storage、Geolocation、Web Workers などHTML5 APIの概要
レベル1はHTMLの要素暗記だけでなく、CSSのセレクタ・ボックスモデル・Flexboxやレスポンシブ設計の理解が合否を分けます。viewportメタタグやメディアクエリの書き方は頻出なので、実際にコードを書いて確認しましょう。
おすすめ勉強法【3ステップ】
1テキストで全体像を把握（2〜3週間）
まずは公式教科書（通称「白本」）を一通り読み、5分野の全体像を掴みましょう。HTML5の構造化要素やCSSの基本は、実際にエディタでコードを書きながら読むと理解が深まります。Web制作未経験の方は、APIやレスポンシブ設計の用語に最初は馴染みがないと思いますが、最初は概要を大まかに理解する程度でOKです。
2問題集・一問一答で知識を定着（2〜4週間）
HTML5レベル1は用語・属性・プロパティの正確な知識が問われます。問題集や一問一答形式で繰り返し解くことで、要素名・属性名・CSSプロパティを確実に身につけられます。特にセマンティクス要素の使い分けやメディアクエリの記法は、反復演習で定着させましょう。
HTML5プロフェッショナル認定試験レベル1 の問題を解く →
3苦手分野を集中的に補強（1〜2週間）
分野別の理解度を確認し、弱い分野を集中的に学習します。特にCSSの優先順位（カスケード）・Flexbox・レスポンシブ設計はつまずきやすいポイントです。API分野は深入りせず、Canvas・Web Storage・Geolocationなど主要APIの「何ができるか」を押さえておけば十分です。
学習スケジュールの目安
Web制作未経験者の場合（約2ヶ月）
| 期間 | 内容 | 1日の目安 |
|---|---|---|
| 1〜3週目 | 公式教科書の通読（HTML→CSS→API） | 1〜1.5時間 |
| 4〜6週目 | 問題集・一問一答演習 | 1時間 |
| 7〜8週目 | 苦手分野の補強・模擬試験 | 1時間 |
Web制作経験者の場合（約1ヶ月）
| 期間 | 内容 | 1日の目安 |
|---|---|---|
| 1〜2週目 | 教科書通読（セマンティクス・レスポンシブ中心） | 1時間 |
| 3週目 | 問題演習 | 1時間 |
| 4週目 | 苦手分野の補強・API知識の整理 | 1時間 |
おすすめ参考書・問題集
合格者が選ぶTOP3を、用途別（教科書／問題集／過去問）に紹介します。書影・著者・出版社情報付きで詳しく確認できます。
分野別学習戦略【優先度・所要時間・つまずきポイント】
HTML5レベル1は5分野（Web基礎・CSS・セマンティクス・レスポンシブ・API基礎）から幅広く出題されます。下表の優先度と時間配分を目安に、得点効率を最大化しましょう。
| 分野 | 優先度 | 配分時間 | つまずきポイント |
|---|---|---|---|
| Webの基礎知識 | ★★★☆☆ | 8〜10時間 | HTTP/HTTPSの仕組み・DOCTYPE宣言・文字コード（UTF-8）。基本だが取りこぼし注意 |
| CSS | ★★★★★ | 15〜20時間 | セレクタの優先順位（詳細度）・ボックスモデル・Flexbox。記述式で正確な記法が問われる |
| 要素とそのセマンティクス | ★★★★★ | 12〜15時間 | HTML5構造化要素（header/nav/article/section）の使い分け・フォーム部品・メディア要素の属性 |
| レスポンシブWebデザイン | ★★★★☆ | 8〜12時間 | viewportメタタグ・メディアクエリの記法・モバイルファースト設計の考え方 |
| API の基礎知識 | ★★★☆☆ | 6〜10時間 | Canvas・Web Storage・Geolocation・Web Workersの役割の混同。概要レベルで十分 |
HTML5レベル1で配点ウェイトが高いのはCSSとセマンティクス要素です。ここを確実に固めたうえで、レスポンシブ・API・Web基礎をバランスよく押さえる戦略が安全です。
Webの基礎知識 — HTMLの土台を固める
HTTP/HTTPSの違い、リクエスト・レスポンスの流れ、DOCTYPE宣言・文字コード（UTF-8）・metaタグの役割を押さえます。HTMLの基本構造（html/head/body）は記述式でも問われるため、空で書けるレベルにしておきましょう。
CSS — 詳細度とボックスモデルを攻略
セレクタ（要素・クラス・ID・擬似クラス）と詳細度（優先順位）、margin/border/padding/contentのボックスモデル、Flexboxによるレイアウトが頻出。配色（RGB/HSL）やフォント指定も確認。記述式で記法ミスをしないよう手を動かして練習しましょう。
要素とそのセマンティクス — 構造化要素を使い分ける
header/nav/main/article/section/aside/footerの意味と使い分けが最重要。フォーム部品（input type属性・各種属性）、audio/video要素の属性、表・リスト要素も頻出。要素の入れ子ルールも押さえましょう。
レスポンシブWebデザイン — viewportとメディアクエリ
viewportメタタグ（width=device-width等）とメディアクエリ（@media）の記法が頻出。可変グリッド・可変画像・モバイルファースト設計の考え方を理解し、ブレークポイントの指定方法を押さえます。
API の基礎知識 — 主要APIの役割を整理
Canvas（描画）・Web Storage（localStorage/sessionStorage）・Geolocation（位置情報）・Web Workers（並列処理）など、各APIが「何をするものか」を区別できれば十分。深い実装知識は不要で、概要と用途の暗記が中心です。
まとめ
HTML5プロフェッショナル認定試験レベル1は、Web制作の入門資格として最適な試験です。ポイントは：
- 5分野（Web基礎・CSS・セマンティクス・レスポンシブ・API基礎）をバランスよく学習する
- 配点ウェイトの高いCSS・セマンティクス要素を最優先で固める
- 用語・属性・プロパティは一問一答で反復し正確に暗記する
- CBT方式でほぼ毎日受験可能。自分のペースで準備できる
次のステップ：上位・関連IT資格
HTML5レベル1合格後は、より専門性の高い資格にステップアップできます。以下の資格はWeb・IT分野の知識をベースに学習を進めやすく、キャリアアップにも有効です。
- ITパスポート試験 - IT全般の基礎を体系的に学べる国家資格。Webの知識に加え経営・セキュリティの基礎も身につく
- 基本情報技術者試験（FE） - IT全般を体系的に学べる人気の国家資格。アルゴリズム・プログラミングまで踏み込む
HTML5プロフェッショナル認定試験レベル1 一問一答 →