問1
要素とセマンティクス・メディア・フォーム
rel属性のnoopenerを指定すると、検索エンジンにそのリンクをたどらせないことを示せる。
問2
CSSの基本とカスケード
@import規則は、スタイルシート内で他のすべてのCSS規則よりも後ろに記述しなければならない。
問3
要素とセマンティクス・メディア・フォーム
muted属性を指定すると、メディアは初期状態でミュート(消音)される。
問4
レスポンシブWebデザイン
メディアクエリ非対応の古いブラウザへの誤適用を防ぐために用いるキーワードはどれか。
- 1. not
- 2. and
- 3. all
- 4. only
問5
レスポンシブWebデザイン
img要素のsizes属性は、各表示条件における画像の表示サイズをブラウザに伝え、srcsetからの選択を補助する。
問6
API基礎知識
Service Workerは常にメインスレッド上でWebページと同一のライフサイクルで動作し、ページが閉じられると必ず終了する。
問7
要素とセマンティクス・メディア・フォーム
入力が必須であることを示すinput要素の属性はどれか。
- 1. required
- 2. mandatory
- 3. needed
- 4. must
問8
CSSデザイン(レイアウト・装飾・アニメーション)
テーブルのキャプションの表示位置(上下)を指定するプロパティはどれか。
- 1. caption-position
- 2. caption-align
- 3. caption-side
- 4. table-caption
問9
Webの基礎知識(HTTP・HTML書式・関連技術)
PNGはGIFと同様に256色までしか扱えない。
問10
要素とセマンティクス・メディア・フォーム
スライダー形式で数値を選択させるinputのtypeはどれか。
- 1. number
- 2. range
- 3. slider
- 4. scroll
問11
要素とセマンティクス・メディア・フォーム
details要素は開閉できる情報の開示ウィジェットを作り、summary要素でその見出し(開閉ラベル)を示す。
問12
CSSの基本とカスケード
input[type="text"] が選択するのはどの要素か。
- 1. すべてのinput
- 2. input以外の要素
- 3. type属性がcheckboxのinput
- 4. type属性がtextのinput
問13
API基礎知識
Geolocation APIは、ユーザーの許可を得なくても無条件に位置情報を取得できる。
問14
CSSの基本とカスケード
次のうち、訪問済みのリンクを選択する疑似クラスはどれか。
- 1. :link
- 2. :active
- 3. :hover
- 4. :visited
問15
要素とセマンティクス・メディア・フォーム
span要素は、それ自体に固有の意味を持たない汎用的なインライン要素である。
問16
CSSデザイン(レイアウト・装飾・アニメーション)
list-style-type:noneを指定すると、リストのマーカーが表示されなくなる。
問17
要素とセマンティクス・メディア・フォーム
sub要素は上付き文字、sup要素は下付き文字を表す。
問18
CSSデザイン(レイアウト・装飾・アニメーション)
vertical-alignプロパティはブロックレベル要素全体を上下中央に配置するためのものである。
問19
レスポンシブWebデザイン
メディアクエリにおいてカンマ(,)が表す論理関係はどれか。
- 1. 論理積(AND)
- 2. 否定(NOT)
- 3. 論理和(OR)
- 4. 排他的論理和(XOR)
問20
CSSの基本とカスケード
CSSのコメントは、//で始め行末までが対象となる。
問21
API基礎知識
DOM要素として図形を保持し、CSSやスクリプトで個別操作しやすいのはどれか。
- 1. Canvas
- 2. SVG
- 3. WebGL
- 4. MSE
問22
レスポンシブWebデザイン
スマートフォン等で表示領域をデバイスの画面幅に合わせるために指定するmeta要素のname属性の値はどれか。
- 1. screen
- 2. viewport
- 3. device
- 4. display
問23
CSSデザイン(レイアウト・装飾・アニメーション)
marginプロパティにはパーセント値を指定できない。
問24
API基礎知識
Service Workerはネットワークリクエストを横取り(プロキシ)し、キャッシュを使ったオフライン動作を実現できる。
問25
CSSデザイン(レイアウト・装飾・アニメーション)
list-style-positionの値outsideは、マーカーをリスト項目のテキストの内側に配置する。
問26
要素とセマンティクス・メディア・フォーム
ruby要素はルビ(読み仮名など)を表し、rt要素でルビ文字、rp要素で非対応ブラウザ用の括弧を示す。
問27
CSSの基本とカスケード
外部スタイルシートをHTMLに適用するには、head要素内で<link rel="stylesheet" href="style.css">のように記述する。
問28
CSSの基本とカスケード
HTML文書内に直接CSSを記述する内部スタイルシートは、<style>要素を使い通常はhead要素内に置く。
問29
レスポンシブWebデザイン
複数のメディア特性をすべて満たす場合に適用する論理演算子はどれか。
- 1. , (カンマ)
- 2. and
- 3. or
- 4. not
問30
レスポンシブWebデザイン
img要素で複数の画像候補を解像度や幅とともに指定する属性はどれか。
- 1. src
- 2. sizes
- 3. media
- 4. srcset
問31
API基礎知識
WebSocketは、一度確立した接続上でサーバーとクライアントが双方向に通信できる。
問32
CSSの基本とカスケード
ユニバーサルセレクタを表す記号はどれか。
- 1. #
- 2. *
- 3. .
- 4. ~
問33
レスポンシブWebデザイン
可変(リキッド)レイアウトは、ウィンドウ幅に応じてコンテンツの幅が伸縮するレイアウトである。
問34
要素とセマンティクス・メディア・フォーム
WebVTTは、HTML5のtrack要素で用いられる字幕・キャプション用のテキストフォーマットである。
問35
要素とセマンティクス・メディア・フォーム
small要素は、文字を物理的に小さく表示することだけを目的とした要素で、意味は持たない。
問36
レスポンシブWebデザイン
次のうち、フルードイメージを実現するために画像に指定するCSSとして最も適切なものはどれか。
- 1. max-width: 100%;
- 2. min-width: 100%;
- 3. width: 100px;
- 4. display: none;
問37
CSSデザイン(レイアウト・装飾・アニメーション)
要素を斜体で表示するために使うCSSプロパティと値の組み合わせはどれか。
- 1. font-style: italic
- 2. font-weight: italic
- 3. text-style: italic
- 4. text-decoration: italic
問38
API基礎知識
XMLHttpRequestは、その名称のとおり、XML形式のデータしかサーバーとやり取りできない。
問39
Webの基礎知識(HTTP・HTML書式・関連技術)
Authorizationヘッダは、認証情報をサーバーへ送るレスポンスヘッダである。
問40
Webの基礎知識(HTTP・HTML書式・関連技術)
認証情報をサーバーへ送るために使われるリクエストヘッダはどれか。
- 1. Accept
- 2. Cache-Control
- 3. Authorization
- 4. Location
問41
レスポンシブWebデザイン
srcsetの「2x」のようなx記述子は、デバイスピクセル比(dpr)に基づいて画像を切り替える指定である。
問42
CSSデザイン(レイアウト・装飾・アニメーション)
はみ出した内容を切り取り、スクロールバーも表示しないoverflowの値はどれか。
- 1. visible
- 2. scroll
- 3. hidden
- 4. auto
問43
要素とセマンティクス・メディア・フォーム
a要素でリンク先をダウンロードさせることを示す属性はどれか。
- 1. save
- 2. download
- 3. href
- 4. rel
問44
CSSの基本とカスケード
button:hover の指定が適用されるのはどんな時か。
- 1. クリックされた時
- 2. フォーカスを得た時
- 3. 読み込み完了時
- 4. ポインタが上に乗っている時
問45
Webの基礎知識(HTTP・HTML書式・関連技術)
JPEGは透過(透明)情報を保持できる。
問46
CSSの基本とカスケード
@import規則は、内部スタイルシート(<style>)の中では使用できない。
問47
要素とセマンティクス・メディア・フォーム
aside要素は、文書の主要コンテンツそのものを表すために用いる要素である。
問48
要素とセマンティクス・メディア・フォーム
カラーピッカーを表示するinputのtypeはどれか。
- 1. color
- 2. palette
- 3. colour
- 4. picker
問49
CSSデザイン(レイアウト・装飾・アニメーション)
次のうち、テーブルの隣接セルの罫線を1本に結合するプロパティと値はどれか。
- 1. border-spacing: 0
- 2. border-collapse: collapse
- 3. border-collapse: separate
- 4. empty-cells: hide
問50
Webの基礎知識(HTTP・HTML書式・関連技術)
HTML5の文字エンコーディング指定は <meta charset="UTF-8"> のように記述する。
問51
CSSデザイン(レイアウト・装飾・アニメーション)
段組み(マルチカラム)の列数を指定するプロパティはどれか。
- 1. column-width
- 2. column-count
- 3. column-gap
- 4. columns-number
問52
Webの基礎知識(HTTP・HTML書式・関連技術)
URIはリソースを識別するための統一的な識別子の総称であり、URLはその一種である。
問53
要素とセマンティクス・メディア・フォーム
p要素は段落を表すグルーピングコンテンツである。
問54
要素とセマンティクス・メディア・フォーム
loop属性を指定すると、メディアは初期状態でミュート(消音)された状態になる。
問55
API基礎知識
加速度センサーやジャイロスコープなど各種センサーへ共通の方法でアクセスする枠組みはどれか。
- 1. Touch Events
- 2. Geolocation API
- 3. Generic Sensor API
- 4. Push API
問56
CSSの基本とカスケード
次のうち、内部スタイルシートを記述する要素はどれか。
- 1. <link>
- 2. <style>
- 3. <script>
- 4. <css>
問57
要素とセマンティクス・メディア・フォーム
q要素は、インライン(短い)引用を表し、ブラウザは通常引用符を自動付加する。
問58
API基礎知識
WebSocketの通信はリクエストごとに毎回新しいコネクションを張り直す方式である。
問59
Webの基礎知識(HTTP・HTML書式・関連技術)
複数のリクエストにまたがり利用者の状態を保持する仕組みはどれか。
- 1. キャッシュ
- 2. リダイレクト
- 3. プロキシ
- 4. セッション
問60
CSSデザイン(レイアウト・装飾・アニメーション)
アニメーションを無限に繰り返すためにanimation-iteration-countに指定する値はどれか。
- 1. loop
- 2. infinite
- 3. repeat
- 4. always