問1
要素とセマンティクス・メディア・フォーム
aside要素は、文書の主要コンテンツそのものを表すために用いる要素である。
問2
API基礎知識
ネットワーク状況に応じて画質を切り替えるアダプティブストリーミングの技術はどれか。
- 1. Web Storage
- 2. IndexedDB
- 3. Pointer Events
- 4. MPEG-DASH
問3
レスポンシブWebデザイン
apple-touch-iconは、印刷時に用紙の余白に表示する透かしアイコンを指定するためのものである。
問4
Webの基礎知識(HTTP・HTML書式・関連技術)
Data URIスキームを使うと、画像などのデータをHTMLやCSS内に直接埋め込める。
問5
API基礎知識
ブラウザ同士がP2Pで音声・映像・データをリアルタイムにやり取りできるAPIはどれか。
- 1. WebSocket
- 2. Server-Sent Events
- 3. Push API
- 4. WebRTC
問6
CSSデザイン(レイアウト・装飾・アニメーション)
overflow:scrollを指定すると、内容がはみ出すときだけスクロールバーが表示される。
問7
API基礎知識
サーバーからのプッシュ通知をService Worker経由で受信する仕組みを提供するAPIはどれか。
- 1. Push API
- 2. Notifications API
- 3. Fetch API
- 4. Web Storage
問8
要素とセマンティクス・メディア・フォーム
WebVTTは、HTML5のtrack要素で用いられる字幕・キャプション用のテキストフォーマットである。
問9
CSSの基本とカスケード
次のうち、否定を表す疑似クラスはどれか。
- 1. :checked
- 2. :not()
- 3. :hover
- 4. :nth-child()
問10
CSSの基本とカスケード
p#intro { } のセレクタの詳細度を構成する内訳として正しいものはどれか。
- 1. クラス1・要素1
- 2. ID1・要素1
- 3. ID2
- 4. 要素2
問11
CSSデザイン(レイアウト・装飾・アニメーション)
font-weightプロパティのboldは太字を、normalは標準の太さを表す。
問12
CSSの基本とカスケード
margin(外側の余白)プロパティは、子要素に継承される。
問13
CSSデザイン(レイアウト・装飾・アニメーション)
テキストをすべて大文字に変換して表示するプロパティと値はどれか。
- 1. text-transform: uppercase
- 2. text-transform: capitalize
- 3. text-transform: lowercase
- 4. font-variant: small-caps
問14
レスポンシブWebデザイン
メディアクエリを記述するためのアットルールはどれか。
- 1. @import
- 2. @media
- 3. @screen
- 4. @query
問15
API基礎知識
ネットワークリクエストを横取りしキャッシュを使ったオフライン動作を実現するのはどれか。
- 1. Web Workers
- 2. XMLHttpRequest
- 3. Service Workers
- 4. WebSocket
問16
Webの基礎知識(HTTP・HTML書式・関連技術)
利用者の意図しないリクエストを送信させ、なりすまし操作を行わせる攻撃はどれか。
- 1. XSS
- 2. SQLインジェクション
- 3. CSRF
- 4. DoS
問17
要素とセマンティクス・メディア・フォーム
テキスト入力の最大文字数を制限する属性はどれか。
- 1. size
- 2. maxlength
- 3. limit
- 4. maxsize
問18
要素とセマンティクス・メディア・フォーム
header要素は、ページ全体に1つしか配置できない。
問19
要素とセマンティクス・メディア・フォーム
上付き文字(指数や順序記号など)を表す要素はどれか。
- 1. sub
- 2. sup
- 3. small
- 4. ins
問20
要素とセマンティクス・メディア・フォーム
label要素を特定のフォーム部品と関連付けるために用いる属性はどれか。
- 1. id
- 2. name
- 3. for
- 4. ref
問21
要素とセマンティクス・メディア・フォーム
文書に追加された(挿入された)内容を表す要素はどれか。
- 1. add
- 2. ins
- 3. del
- 4. new
問22
CSSデザイン(レイアウト・装飾・アニメーション)
animation-iteration-countにloopを指定すると、アニメーションが無限に繰り返される。
問23
Webの基礎知識(HTTP・HTML書式・関連技術)
ステータスコード302は、リソースが恒久的に移動したことを示す。
問24
レスポンシブWebデザイン
ビューポートを指定するmeta要素は「<meta name="viewport" content="width=device-width, initial-scale=1">」のように記述する。
問25
レスポンシブWebデザイン
縦長(高さが幅以上)の表示状態を表すメディア特性の値はどれか。
- 1. orientation: portrait
- 2. orientation: landscape
- 3. orientation: vertical
- 4. orientation: column
問26
API基礎知識
Media Source Extensions(MSE)は、DRMで保護された暗号化メディアの復号と再生制御を担うAPIである。
問27
CSSの基本とカスケード
::first-letter疑似要素は、ブロック要素の最初の単語にスタイルを適用する。
問28
CSSの基本とカスケード
a:link, a:visited, a:hover, a:active を記述する推奨順序(LVHA)として正しいものはどれか。
- 1. hover→active→link→visited
- 2. link→visited→hover→active
- 3. active→hover→visited→link
- 4. visited→link→active→hover
問29
CSSデザイン(レイアウト・装飾・アニメーション)
テキストに下線を引くプロパティと値の組み合わせはどれか。
- 1. text-decoration: line-through
- 2. text-decoration: overline
- 3. text-decoration: underline
- 4. text-style: underline
問30
要素とセマンティクス・メディア・フォーム
lang属性は要素内のコンテンツの言語を指定する属性である。
問31
CSSデザイン(レイアウト・装飾・アニメーション)
letter-spacingプロパティは、文字と文字の間隔(字間)を調整する。
問32
レスポンシブWebデザイン
viewportの「minimum-scale」は、ユーザーが拡大できる最大の倍率を指定する。
問33
要素とセマンティクス・メディア・フォーム
footer要素には、著作者情報や著作権、関連文書へのリンクなどを含めることができる。
問34
API基礎知識
Geolocation APIはユーザーの現在の地理的位置(緯度・経度)を取得するためのAPIである。
問35
CSSデザイン(レイアウト・装飾・アニメーション)
アニメーション終了後に最後のキーフレームの状態を維持するanimation-fill-modeの値はどれか。
- 1. backwards
- 2. none
- 3. both
- 4. forwards
問36
レスポンシブWebデザイン
電話番号へのリンクは「<a href="tel:0312345678">」のようにtelスキームを用いて記述する。
問37
要素とセマンティクス・メディア・フォーム
pre要素は、空白や改行などの整形をそのまま保持して表示する。
問38
要素とセマンティクス・メディア・フォーム
次のうち、自己完結し独立して再配布可能なコンテンツを表す要素はどれか。
- 1. article
- 2. section
- 3. aside
- 4. div
問39
レスポンシブWebデザイン
img要素で複数の画像候補を解像度や幅とともに指定する属性はどれか。
- 1. src
- 2. sizes
- 3. media
- 4. srcset
問40
要素とセマンティクス・メディア・フォーム
i要素は、発話上の強勢による強調(ストレスエンファシス)を表すための要素である。
問41
Webの基礎知識(HTTP・HTML書式・関連技術)
アンパサンド(&)を表す文字参照はどれか。
- 1. <
- 2. >
- 3. &
- 4.
問42
レスポンシブWebデザイン
ユーザーによる拡大・縮小操作を禁止するviewportの記述はどれか。
- 1. user-scalable=no
- 2. zoom=no
- 3. scalable=false
- 4. scale=fixed
問43
CSSデザイン(レイアウト・装飾・アニメーション)
CSSのカウンタ機能で連番を表示する際、値を1ずつ増加させるプロパティはどれか。
- 1. counter-reset
- 2. counter-set
- 3. counter-increment
- 4. content
問44
レスポンシブWebデザイン
script要素のdefer属性を付けると、スクリプトはHTMLの解析完了後に記述順で実行される。
問45
API基礎知識
Push APIは、構造化データを大容量にクライアント側へ保存するためのデータベースを提供する仕組みである。
問46
CSSの基本とカスケード
:link疑似クラスは、まだ訪問していないリンクを選択する。
問47
API基礎知識
ブラウザを閉じても明示的に削除するまでデータが永続的に保持されるストレージはどれか。
- 1. sessionStorage
- 2. Cookie(セッション)
- 3. メモリキャッシュ
- 4. localStorage
問48
CSSデザイン(レイアウト・装飾・アニメーション)
caption-sideプロパティはテーブルのキャプション(caption要素)の表示位置を指定する。
問49
要素とセマンティクス・メディア・フォーム
th要素のscope属性には、その見出しが行・列のどちらに対応するかをrow・colなどで指定する。
問50
レスポンシブWebデザイン
ビューポートの幅を端末の画面幅に合わせるためのviewport記述はどれか。
- 1. height=device-height
- 2. width=auto
- 3. scale=device
- 4. width=device-width
問51
API基礎知識
WebSocketの通信はリクエストごとに毎回新しいコネクションを張り直す方式である。
問52
Webの基礎知識(HTTP・HTML書式・関連技術)
DOMは、HTML文書を木構造として表現しプログラムから操作可能にする仕組みである。
問53
要素とセマンティクス・メディア・フォーム
muted属性を指定すると、メディアは初期状態でミュート(消音)される。
問54
レスポンシブWebデザイン
印刷時に適用するスタイルを指定するメディアタイプはどれか。
- 1. handheld
- 2. screen
- 3. speech
- 4. print
問55
CSSの基本とカスケード
次の継承プロパティに関する記述のうち正しいものはどれか。
- 1. borderは継承する
- 2. marginは継承する
- 3. colorは継承する
- 4. paddingは継承する
問56
API基礎知識
タッチスクリーン上の指の接触に特化したイベントを扱うのはどれか。
- 1. Pointer Events
- 2. Touch Events
- 3. DeviceOrientation Event
- 4. DOM3 Events
問57
CSSの基本とカスケード
:last-child疑似クラスは、兄弟要素の中で最後の子要素を選択する。
問58
CSSデザイン(レイアウト・装飾・アニメーション)
要素を斜体で表示するために使うCSSプロパティと値の組み合わせはどれか。
- 1. font-style: italic
- 2. font-weight: italic
- 3. text-style: italic
- 4. text-decoration: italic
問59
要素とセマンティクス・メディア・フォーム
blockquote要素は、インライン(行内)の短い引用を表すための要素である。
問60
CSSデザイン(レイアウト・装飾・アニメーション)
次のうち、テーブルの隣接セルの罫線を1本に結合するプロパティと値はどれか。
- 1. border-spacing: 0
- 2. border-collapse: collapse
- 3. border-collapse: separate
- 4. empty-cells: hide