HTML5 Exam Development wiki:コミュニティ・ポータル

提供: HTML5 Exam Development wiki
移動先: 案内検索

HTML5認定資格の問題例(for Silver)を試しに30問作ってみました(NTTSOFT立川).


【HTML5の概要】

HTMLの正式名称を選びなさい.
○HyperTransport Markup Language
○HyperTransport Markdown Language
○HyperText Markup Language
○HyperText Transport Protocol
○HyperText Markdown Language

HTMLの特徴として正しいものを選びなさい.
□マークアップを行うことによりブラウザを変更することが可能.
□マークアップを行うことにより文書に構造を与えることが可能.
□アンカーとリンクの仕組みを使うことにより文書の相互参照が可能.
□文書の所在を示すことができる記法を定義している.
□通信プロトコルの一つでハイパーテキスト文書の転送に用いられる.

ブラウザからHTML情報を取得するために使われるプロトコルを選びなさい.
□HTTPS
□SMTP
□RPC
□HTTP
□Web-RTC

広義のHTML5を構成する技術要素を選びなさい.
□CSS3
□MVCモデル
□Java API
□JavaScript API
□HTML5

HTML5の標準化を推進している団体を選びなさい.
□WHATWG
□HTML5コンソーシアム
□IETF
□ISO
□W3C

HTML5を利用したWebアプリケーションとネイティブアプリケーションについて正しいものを選びなさい.
○Webアプリケーションはダウンロードしてインストールしないと使えない.
○Webアプリケーションはネイティブアプリケーションと比較して一般的に性能が悪い.
○ネイティブアプリケーションを実行するにはJavaの実行環境が必要.
○Webアプリケーションはブラウザへのプラグインがないと動作しない.
○ネイティブアプリケーションはブラウザ上で実行できる.

XHTMLの特徴として正しいものを選びなさい.
○XHTMLはXMLとして記述しなくてもよい.
○XHTMLはHTML5としても記述ができる.
○XHTMLはブラウザで解釈できない.
○XHTMLはSVGの画像を記述するための仕様である.
○XHTMLはIETFで標準化が行われている.

【HTML5の要素】

HTML5のドキュメント宣言として正しいものを選びなさい.
○<!DOCUMENT html>
○<!DOCTYPE la="html">
○<!DOCTYPE html>
○<!DOCTYPE type="html">
○<!DOCUMENT la="html">

HTML5で文書の文字コードがUTF-8であることを表す要素を選びなさい.
○<charset="utf-8"> 
○<meta charset="utf-8"> 
○<char="utf-8"> 
○<meta char="utf-8"> 
○<meta charset="Unicode"> 

HTML5で定義されていない要素を選びなさい.
○<header>
○<footer>
○<aside>
○<section>
○<tail>

HTML5で定義されている要素を選びなさい.
○<applet>
○<big>
○<dir>
○<font>
○<hr>

HTML5で定義されていない要素を選びなさい.
□<ul>
□<dl>
□<kl>
□<ol>
□<ml>

HTMLで表(table)を記述する際,定義されていない要素を選びなさい.
□<th>
□<tm>
□<td>
□<tr>
□<tw>

HTMLで文書内に画像を表示させるための要素を選びなさい.
○<image>
○<icon>
○<screen>
○<img>
○<picture>

formのinput要素のtype属性に指定できない値を選びなさい.
○tel
○url
○number
○require
○range

音声や画像を再生するための要素を選びなさい.
□<movie>
□<sound>
□<video>
□<oudio>
□<play>

HTML文書内にCSSを記述する際の要素を選びなさい.
○<css>
○<style>
○<text/css>
○<script>
○<css3>

HTML文書内にJavaScriptを記述する際の要素を選びなさい.
○<javascript>
○<style>
○<text/javascript>
○<script>
○<js>

【JavaScriptの基本と文法】

JavaScriptで画面上にダイアログを表示する関数を選びなさい.
○window.show()
○document.show()
○document.alert()
○window.dialog()
○window.alert()

JavaScriptでHTML文書内の要素を選択するセレクタで正しいものを選びなさい.
○document.getElementById()
○window.getElement()
○window.getElementById()
○document.getElement()
○document.selectById()

【Canvas】

横600ピクセルx縦400ピクセルのcanvas領域を定義したものとして正しいものを選びなさい.
○<canvas wide="600" high="400">
○<canvas height="600" width="400">
○<canvas h="600" w="400">
○<canvas width="600" height="400">
○<canvas w="600" h="400">

Canvas APIを利用した描画の特徴で正しいものを選びなさい.
○ベクター形式で描画する.
○内部的にはXML形式で情報を持つ.
○ビットマップ形式で描画する.
○ベジェ曲線を描画することはできない.
○任意のフォーマットで描画可能.

Canvas APIのCanvasRenderingContext2Dインタフェースで定義されていない関数を選びなさい.
○circle()
○fill()
○fillRect()
○stroke()
○beginPath()

Canvas APIで矩形を描く関数を選びなさい.
○arc()
○strokeRect()
○moveTo()
○lineTo()
○stroke()

Canvas APIで円弧を描く関数を選びなさい.
○circle()
○arc()
○strokeRect()
○moveTo()
○stroke()

Canvas APIで文字を描く関数を選びなさい.
○drawText()
○text()
○strokeText()
○write()
○stroke()

【SVG】

SVG APIを利用した描画の特徴で正しいものを選びなさい.
□ベクター形式で描画する.
□内部的にはXML形式でデータを持つ.
□ビットマップ形式で描画する.
□JPEGフォーマットを利用可能.
□任意のフォーマットで描画可能.

【CSS3】

CSSの特徴として誤っているものを選びなさい.
○Cascading Style Sheetの略である.
○HTMLの要素をどう修飾するかを指示する仕様の1つである.
○文章の構造と体裁を分離するという理念を実現するために作られた.
○W3Cが仕様を策定している.
○HTMLファイルの中に埋め込むことはできず別ファイルで記述する.

CSS3のMedia Queriesの特徴として正しいものを選びなさい.
□画面のサイズや解像度に合わせてCSSファイルを変更可能.
□HTMLのlink要素のmedia属性で指定可能.
□HTMLのmedia要素で指定可能.
□CSSの@media属性で指定可能.
□画面上に表示する動画のサイズを指定可能.

CSS3で行えない装飾を選びなさい.
○グラデーション
○リンクシャドウ
○角丸
○テキストシャドウ
○ボックスシャドウ

【レガシーブラウザ対応】

伊本です。 試しに3問ほど、作成してみました。


■HTML5の概要
(短答回答式)

HTML5の動作環境に関して記述している以下の文書のうち、正しいものを選びなさい。
 1. HTML5は、スマートフォンでは動作しない。
 2. Adobe Flashが動作する環境であれば、HTML5も動作する。
 3. ブラウザの違いによって、利用できる要素や機能に違いがある。
 4. Linuxで利用するブラウザでは、HTML5は動作しない。

■HTML要素
(複数回答式)

HTML5で利用可能な要素を全て選びなさい。
 1. header要素
 2. canvas要素
 3. html5要素
 4. mpeg要素

■Javascript
(短答回答式)
以下のhtmlファイル内に記述するjavaスクリプトに関する記述で、間違っている部分を選びなさい。

<script type="text/javascript">
  string name = "山田";
  if (name == "山田"){
    document.write("山田さん、こんにちは。");
  }
</script>

1. <script type="text/javascript">
2. string name = "山田";
3. if (name == "山田"){
4. document.write("山田さん、こんにちは。");


■CSS3
(複数回答式)

CSS3におけるレイヤー機能に関する記述のうち、正しいものを選びなさい。
□レイヤーは、要素の上に、要素を重ねる機能である。
□レイヤーで利用できる要素は、画像データだけである。
□z-indexプロパティで、レイヤーを重ね順を指定できる。
□positionプロパティで、画面左端からの位置を指定できる。
□overflowプロパティで、レイヤーが重なる部分の表示方法を指定できる。

■レガシーブラウザ対応
(短答回答式)

HTML5に未対応であるブラウザに対して、実施する事項について正しい物を選びなさい。
◯ユーザの利用しているブラウザ種別を判別する事はできない。
◯ユーザの利用しているブラウザのバージョンを判別する事はできない。
◯ユーザのブラウザを判別にするには、Javaを利用する必要がある。
◯ブラウザの種類やバージョンを判別するには、HTMLリクエストのヘッダーを参照する。
◯ユーザエージェントは、偽装することができない。

■Flashからのマイグレーション
(短答回答式)

既存のFlashコンテンツを、HTML5のコンテンツに置き換える際に、気をつけることとして間違っているものを選びなさい。
◯アドビシステムズ社は、Flash Professionalユーザ向けに、FlashコンテンツからHTML5ベースのコンテンツ作成するツールを無償で提供している。
◯変換ツールを使った場合、一部機能が動かなくなる場合があるので、注意が必要である。
◯変換ツールを使った場合、一部環境で動かなくなる場合があるので、注意が必要である。
◯.flaのソースファイルをHTML5コンテンツに変換できるツールは、SWFファイルも変換できる。
◯Flashコンテンツは、アドビシステムズ社が開発しているソフトウェア群の名称である。

■JavaScript応用
(短答回答式)
Javascriptに関する以下の文章が、何について説明したものかを選択しなさい。

Javascriptにおいては、オブジェクト指向プログラミングにおける「クラス」とは、別の概念を持っており、「A」と呼ばれる、オブジェクトの原型となるオブジェクトを実装している。

◯親クラス
◯継承
◯プロトタイプ
◯コンストラクタ
◯デストラクタ

■ストレージ
(短答回答式)
Web Storageについて記述している、以下の記述のうち、間違っているものを全て選びなさい。

◯Web Storageは、Cookieと異なり、仕様上の保存サイズに制限がないので、比較的大きなデータを保存する事ができる。
◯ローカルストレージにおいては、ユーザが明示的にクリアしないかぎり、データは残る。
◯Web Storegeにおいて値をセットする場合、必ずキーを指定する必要がある。
◯セッションストレージに格納されたデータは、windows.open()などで生成された別ウィンドウには、引き継がれない。
◯指定されたキーに対するデータを取得するAPIは、ローカルストレージでもセッションストレージでも同じgetItemである。


■マルチメディア
video要素に関する、次の説明が、どのプロパティに関する記述かを選びなさい。
(短答回答式)

ブラウザにヒントを与えることで、ユーザが再生ボタンを押す前に、事前にメディアデータをダウンロードしておくかどうかについて指定する事が出来る。

◯download
◯play
◯poster
◯autoplay
◯preload

■XMLHttpRequest
(複数回答式)

XMLHttpRequestで定義されているメソッドを全て選びなさい。
□open
□close
□send
□connect
□abort

■Geolocation API
(短答回答式)

Geolocation APIにおいて、現在の位置を取得するメソッドを下記から選びなさい。

◯window.navigator.geolocation.getPosition()
◯window.navigator.geolocation.getCurretPosition()
◯window.location.geolocation.getPosition()
◯window.location.geolocation.getCurretPosition()
◯window.location.geolocation.getLocation()

■Web Worker
(短答回答式)

Workerを停止するメソッドを下記から選びなさい。

◯abort()
◯stop()
◯terminate()
◯workerStop()
◯disconnect()