一般社団法人 Web技術振興協会

検定試験範囲

スペシャリスト (初級相当)

試験は、以下の項目を中心に、周辺の知識も含めて出題します。

予告なく変更することがあります。その場合は本協会のFacebookで告知を行います。

HTML

次の項目のほか、要素に関連する属性も含みます(HTML 5.2)

またJavaScriptでの操作も含みます

DTD宣言
  • <!DOCTYPE html>
ルートの要素
  • html
ドキュメント メタデータ
  • head
  • title
  • base
  • link
  • meta
  • style
セクション
  • body
  • article
  • section
  • nav
  • aside
  • hx
  • header
  • footer
  • アウトライン
グルーピング コンテンツ
  • p
  • address
  • hr
  • pre
  • blockquote
  • ol,ul,li
  • dl,dt,dd
  • figure,figcaption
  • main
  • div
テキストレベル セマンティック
  • a
  • em
  • strong
  • small
  • s
  • cite,q
  • dfn
  • abbr
  • ruby,rb,rt,rp
  • data
  • time
  • code
  • var
  • samp,kbd
  • sub,sup
  • i
  • b
  • u
  • mark
  • span
  • br,wbr
エディット
  • ins
  • del
埋め込みコンテンツ
  • picture
  • source
  • img
  • iframe
  • video
  • audio
  • track
リンク
  • a
  • link
フォーム
  • form
  • label
  • input
  • button
  • select
  • datalist
  • optgroup
  • option
  • textarea
  • output
  • progress
  • meter
  • fieldset,legend
インタラクティブの要素
  • details,summary
  • dialog
スクリプティング
  • script
  • canvas

CSS

次の項目の他、関連するプロパティ・値を含みます(レベル3)

セレクタ
  • 全称セレクタ
  • idセレクタ
  • クラスセレクタ
  • 要素セレクタ
  • 属性セレクタ
  • style属性
  • 擬似クラス
  • 疑似要素
  • 優先順位
ボックス・モデルのプロパティ
  • width
  • height
  • border
  • margin
  • padding
  • line-height
  • background
リッチなスタイリングのプロパティ
  • box-shadow
  • text-shadow
  • border-radius
  • linear-gradient
変形のプロパティ
  • transform
  • 2次元・3次元の変形
アニメーションのプロパティ
  • transition
  • animation
レスポンシブWebデザイン
  • メディアクエリ
Flexible Box
  • display:flex;
  • flex

JavaScript

次の項目の他、関連項目を含みます。

基本
  • 変数の宣言
  • 四則演算
  • if文
  • for文
要素の取得
  • .getElementById()
  • .innerHTML
  • .value
  • .style
API
  • Canvas API

エキスパート (中級相当)

検討中

マスター (上級相当)

検討中