R2-02

R2年02問 解答◯1
<blockquote> (HTML ブロック引用要素)と<body>要素は代表的なセクショニングルートで、 <blockquote>は、内包する要素の文字列が引用文であることを示します。

sectioning R2-4

R2年04問 解答×2 例外はない

global R2-7

R2年07問 解答×2 「常に」というワードに要注意!!フレージングコンテンツでもある インタラクティブ・コンテンツは、ユーザーが操作可能なコンテンツです。参)先述のコンテンツモデル図

R2年14問 解答×2 絶対単位0.75pt

R2-15

R2年15問 解答×2 hsl(180deg,100%,50%) #00ffff(水色)シアン
おおよその数値は色相を時計回りに R(0deg):G(120deg):B(240deg)

saturation:彩度 0~100%の割合で指定。 100%=純色、0%=灰色
lightness:輝度 0~100%の割合で指定。 100%=白、50%=純色、0%=黒 (明度とは異なるので注意。明度は100%=純色、0%=黒。)

hsl RGB1 RGB2 RGB3 R2_16

R2年16問 解答 2 この値自体ない。垂直に下から上=bt(bottom→top)???
1.horizontal-tb(top→bottom) 横書きにして,上から下へ行ブロックを並べます。 (初期値)
3.vertical-rl(right→left) 縦書きにして,右から左へ行ブロックを並べます。
4.vertical-lr(left→right) 縦書きにして,左から右へ行ブロックを並べます。
備  考 日本語の縦書きでは,vertical-rl(right→left) を指定します。

R2-17

R2年17問 解答 1 javascriptの文法

R2-18

R2年18問 解答 1 href属性 hypertext referenceの略でハイパーリンクのリンク先を指定する属性です。一般的に「エイチレフ属性」と呼ばれています。HTML5より前は要素に必ず付けなければならない必須の属性でしたが、HTML5からは必須ではなくなりました。

R2-22

R2年22問 解答 4 

R2-5

R2年25問 解答 1 フレージングとは「ワンフレーズ」のフレーズ(単語の集まり。句。成句。慣用句。
a(アンカー錨)要素、del(削除)要素、ins(挿入)要素
これらは大括りで語句つまりフレーズ、「フレージング」 1.map:フレージング
2.main:フロー
3.data:フレージング
4.picture:フレージング>埋め込み
)参)下記コンテンツモデル図

sectioning R2-32

R2年32問 解答 4 外部から受けたパラメーターを直接使うリスク
PHPの問題はよく解らないが、「サーバ内のファイルへのアクセス~」は1.も4.も同じなので、「サーバ」サイド言語という理解が第一で、2.と3.を消去。外部からのものは危険!問題!で4.を選択

R2-33

R2年33問 解答 3 上下左右に独立した指定をする事はできない!!!
outlineプロパティは、アウトラインの表示方法をまとめて指定する際に使用。
スタイル・太さ・色のうち、指定したい値を好きな順序で、スペースで区切って記述。輪郭線を表示させる場合には、必ずoutline-styleの値を変える。
borderプロパティと違い、スペースを取らないためレイアウトに影響を与えません。また、上下左右に独立した指定をする事は出来ません!!!

R2-36

R2年36問 解答 4 改行がコンテンツの一部である場合

R2-38

R2年38問 解答 4 XHTML1.1の文法 
disabled="disabled"

R2-39

R2年39問 解答 1 

R2-40

R2年40問 解答 3 JavascriptのMathオブジェクト
「サイン、コサイン、タンジェント」のコサインサインの順が正解

R2-44

R2年44問 解答 4 keygen要素は、2017年12月14日勧告の HTML 5.2 仕様書から、削除されました。
(現在草案の HTML 5.3 にも要素は載っていません)
まだ 要素を表示できるブラウザも残っていますが、使用できませんのでご注意ください。

R2-49

R2年49問 解答 4 Kの出力はエラーになる。var、 let、constの違いが分かるか。
それは「constのみ再代入ができないという仕様」
var(variable):変数 let():代入 const(constant):定数  
=(イコール一つ)は右の値を左に入れる
consoleコンソールにlogを表示させる

R2-50

R2年50問 解答 2 残りの順序はともかく、消去法でform要素ではない

R01-02

R1年01問 解答◯1 title要素省略可
基本的には省略不可だが、HTML メールなどで、メールの見出しによってタイトルが提供されている時などは省略ができる。

R01-02

R1年02問 解答◯1 アロー関数は2015から定義
アロー関数(arrow function)です。名前のとおり矢印記号=>を使って定義される関数です。() => {}

R01-08

R1年08問 解答◯1 スタイルシートだけはボディ内でもよいと限定されている
rel属性とは、リンク先オブジェクトとリンク元オブジェクトとの関係を指定するHTML属性値です。rel属性のrelとは、英語の「relation(関係)」を意味します。基本的にはlinkタグはhead内に書きます。つまり、訪問してくれた人の目には通常は触れず、ブラウザや検索エンジンに向けた情報や指示を書くためのタグなのです。

R01-10

R1年10問 解答×2 XHTML(末尾にxhtml1-strict)なので使用できない。
HTMLでは記述の内容がある程度自由だったのに対し、XHTMLは、XML文書のルールに従って書く必要があり、書式が厳密に決まっています。

R01-12

R2年12問 解答×2 推奨されていない
「LABEL」とは、フォームの中でフォームの項目名と構成部品(チェックボックス、ラジオボタンなど)を関連付けるためのタグです。 関連付けを行うことにより、ブラウザでラベル(もしくはラベルのアクセスキー)をクリックした際に、その構成部品をクリックしたのと同じ動作が可能になります。
プレースホルダとは?
フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。
placeholderをラベル代わりに使うというよりも、ラベルを与えていないフォームがそもそも問題という話です。フォームにはまずラベルをつけましょう。その上で、どうしてもプレースホルダのUIをラベルとして利用したい場合、支援技術や非対応ブラウザで支障が出ないように対応することが必要です。

R01-13

R1年13問 解答◯1 使用できない

R01-14

R2年14問 解答×2 PHPバージョンによる変数値確認
PHP7は2015年にアップデートされた最新のバージョンで2004年にPHP5がリリースされてから11年ぶりです。
また、PHP5は2018年にPHP5.6のサービスが終了して、2021年現在はPHP7が主流になっています。

R01-16

R1年16問 解答 3 CSSセレクター

R01-17

R1年16問 解答 4 HTMLのdl,dt,dd要素の整理
dl要素の内容にはdt要素が1つ以上先に、dd要素が1つ以上続いてその後に記述されなければなりません。
dl要素はdt要素(用語),dd要素(その用語に対する説明)をともなう記述型リスト
HTML4では、
「definition list(dl)= 定義リスト」
「definition term(dt)= 定義する言葉」
「definition description(dd)= 定義の説明」
という形でdt要素をdd要素として定義する、というルールでした。
HTML5においては
「description list(dl)= 説明リスト」
「description term(dt)= 説明する言葉」
「definition / description(dd)= 定義分もしくは説明文」
という形でdt要素をdd要素で説明する「記述リスト」に変更されました。

R01-19

R1年19問 解答 1 Javascriptの演算子
JavaScriptには4つの論理演算子があります:
|| (OR:論理和), && (AND:論理積), ! (NOT:否定), ?? (Null合体)。

R01-20

R1年20問 解答 4 HTML5.2の文法
4.tabindexの展開が問題なのか???

R01-23

R1年23問 解答 3 PHPの文法

R01-24

R1年24問 解答 2 Javascriptの文法 
letは代入 dataに[1,2,3]を入れる reverse(ひっくり返して表示)

R1-30

R1年30問 解答 2 PHPの文法 サーバーサイド言語なのでデータはサーバーに渡される

R1-31

R1年31問 解答 3 CSSセレクタの詳細度の計算式参照 セレクタ詳細度

詳細度例 R1-32

R1年32問 解答 4 HTML5.2の文法
3.keygenをまず消去法 menu,menuitemとも5.2では使用不可

R1-33

R1年32問 解答 2 フォントCSSの文法
2.serif(うろこ)sans(〜ない)
3.monospace(等幅)
4.cursive(筆記体)

R1-35

R1年35問 解答 4 HTMLのコード読み取り

R1-36

R1年36問 解答 1 PHPのコード読み取り
JASONというワードがある!

R1-39

R1年39問 解答 4 HTML5.2ので使用不可の要素
keygenともう一つinputmodeを覚える!
“inputmode”は主にスマートフォンなどでキーボードの入力モードを指定出来る属性でした。

R01-42

R1年42問 解答 2 PHPの文法
「==」演算子の場合は値が等しいかどうかをだけを判別するため数値と文字列の比較であっても等しくなる場合があります。そこで型が等しいかも含めて比較を行うには「===」演算子を使用します。

R01-45 

R1年45問 解答 1 Javascriptの文法

R01-48

R1年48問 解答 3 Javascriptの文法
見えない様に一旦要素を非表示にしておいて、変更後に再度表示

H30-1P-01

H30年01問 解答◯1
構文 <button type="ボタンのタイプ">ボタン名</button>
<ボタンのタイプ>
1)submit送信ボタン。
初期設定値。type属性を指定しない場合は、送信ボタンとなる。
2)resetリセットボタン。
リセットボタンとは、送信フォームの入力欄をリセットするボタンのことで、初期設定値が空の入力欄は空に戻し、初期設定値がある入力欄は初期設定値に戻す。
3)button汎用ボタン。
汎用ボタンは、JavaScriptなどの処理を呼び出すときなどに使う。

H30-1P-05

H30年05問 解答◯1
外部スタイルシートの読み込みはhead要素内

H30-1P-07

H30年07問 解答×2 のみではない
alt属性(オルト属性)とは、画像の代わりとなるテキスト情報のことです。 万が一画像が表示されなかったときに代替手段(alternative)として表示させるための文言と定義され、「代替テキスト」とも呼ばれています。

H30-2P-10

H30年10問 解答◯1
transparentは要素を透明にするプロパティです。部分的に透明にする事で下の要素を表示させる事ができます。 非表示ではないため、marginやpaddingなどの余白も含めて常に存在します。 背景色を透明にしたりテキストやborderを透明にする事で、様々なデザインを作る事ができます。

H30-3P-19

H30年19問 解答 3 Keygen要素とは
keygen要素は公開鍵暗号方式における鍵ペアの生成を定義します。
生成された鍵ペアは、この要素が関連付けられたフォームを送信する際に使用されます。ブラウザーは公開鍵をサーバーに送信し、秘密鍵を閲覧者のローカル環境に保存します。対応するブラウザーでは、暗号の強度(鍵の長さ)を選択できるプルダウンメニューが表示されます。

H30-4P-20

H30年20問 解答 2 Javascriptコード

H30-4P-21

H30年21問 解答 1 PHPコード
BOMとは何か
バイトオーダーマーク (byte order mark) あるいはバイト順マーク(バイトじゅんマーク)は通称BOM(ボム)といわれる、Unicodeの符号化形式で符号化したテキストの先頭につける数バイトのデータのことである。このデータを元にUnicodeで符号化されていることおよび符号化の種類の判別に使用する。要はUnicodeで符号化されたテキストファイルの先頭にあるバイトで、これを読み取ることによってエンコーディングの種類(UTF-16, UTF-32, UTF-8)とバイトオーダー(ビッグエンディアン, リトルエンディアン)を判別できる。これはUTF-8にも規定されてるのだけれども、実際のところUTF-8には不必要なものであって基本的には付けるべきではない。BOMなしのUTF-8をUTF-8Nと呼ぶ謎の慣習(?)がある(謎)。

H30-5P-22

H30年21問 解答 1 Javascriptコード
constがあるのでウェブデザインの繰り返し?

H30-5P-24

H30年24問 解答 3 hidden main要素
ひとつをメインにしたらその他はhiddenで隠す

H30-6P-25

H30年25問 解答 1 DOCCTYPE宣言
最新の5.2では一番短くシンプルになっている。2.と3.と4.は末尾にhtml4とある

H30-7P-29

H30年29問 解答 2 CSSセレクタ詳細度
1.002 ④
2.011 ①
3.004 ③
4.010 ②

H30-8P-31

H30年31問 解答 4 asterisk※ CSS2.1 ol要素
1.lower-alpha, lower-latin:小文字の ASCII 文字です。
2.decimal:数値です。 1 から始まります。
3.lower-roman:小文字のローマ数字です。
参)upper-roman:大文字のローマ数字です。

H30-8P-33

H30年33問 解答 2 CSS2.1 絶対単位 0.75pt=1px

H30-9P-34

H30年34問 解答 3 PHPコード
PHPはサーバー言語!のためデータはサーバが書き込む

H30-9P-38

H30年38問 解答 4 インタラクティブコンテンツ
1.a要素と2.video要素はインタラクティブだが指定がされていない、3.inputはインタラクティブだがhiddenではNGなので消去。 参)下記コンテンツモデル図 sectioning

H30-10P-39

H30年39問 解答 3 PHPコード

H30-10P-40

H30年40問 解答 4 HTML5 video要素
1:autoplay属性:動画を自動再生する
2:controls属性:インターフェースを表示する
3:loop属性  :ループ再生を指定する
4:poster属性 :動画のヒントとなる画像を表示する

H30-11P-43

H30年43問 解答 2 meta要素
meta要素内でビューポートは避ける?
user-scalable
meta viewport利用時に追加できる「user-scalable」は、ズームの操作で、許可する(yes)・許可しない(no)の指定ができる、meta要素のcontent属性の属性値です。

H30-11P-44

H30年44問 解答 3 CSS 擬似セレクタ

H30-11P-45

H30年45問 解答 1 メディアクエリ
2.のように(内に値入力)
3.や4.のようにscreenに続けるか

H30-12P-46

H30年46問 解答 1 Javascriptの文法

H30-13P-48

H30年48問 解答 4 HTML5の文法
カスタムデータ属性は data-length とする

H30-13P-49

H30年49問 解答 3 PHPコード

H30-14P-50

H30年50問 解答 3 Javascript

H29-02

H29年02問 解答×2 使用できる
longdesc属性 は,
frame要素,iframe要素 で, title属性 による説明を補完する文書 を指定するためものでした。
img要素 で, alt属性 による説明を補完する文書 を指定するためものでした。 HTML5 では,廃止されました。

H29-14

H29年14問 解答◯1 宣言可
戻り値の型宣言
PHP 7 では、 戻り値の型宣言 もできるようになりました。 引数の型宣言 と同様に、戻り値の型宣言では、関数が戻す値がどの型になるかを宣言します。 戻り値の型宣言で使える 型 は、引数の型宣言で使えるものと同じです。

H29-16

H29年16問 解答 1 img要素の画像を表示する際の横幅はsizes属性
日本のウェブサイトにおけるスマートフォン・タブレットユーザーのシェアは約40%に達し、今のウェブデザインはレスポンシブ対応しモバイルを意識した設計が必須です。
レスポンシブなレイアウトにおいて画像を取り扱う場合、従来は複雑なCSS・JavaScriptコードが必要でした。HTML 5.1からは、課題を解決する新仕様「レスポンシブイメージ」が登場します。レスポンシブイメージを使えば、手間のかかるCSSやJavaScriptを必要としません。

レスポンシブイメージとは、レスポンシブなウェブサイトにおける画像の取り扱い方を定めたHTMLの技術。2016年11月に勧告されたHTML 5.1の新仕様です。主な特徴は次の通りです。 CSSやJavaScriptを使わず、HTMLのみでレスポンシブな画像を取り扱える デバイスに応じた最適な「大きさ」の画像を表示できる デバイスに応じた最適な「見た目」の画像を出し分けできる

H29-17 

H29年17問 解答 4 Javascript

H29-18

H29年18問 解答 3 tfoot要素とは
テーブルfooterなのでヘッダーが上、次にボディ、下部に配置
1.と2.と4.は消去法でなし

H29-27

H29年27問 解答 2 PHPコード

H29-28

H29年28問 解答 1 CSSコード dots per CSS centimeter(cm)

H29-29

H29年29問 解答 1 Javascriptの文法
1.か3.の「not allowed access」とあるので「許可を出していない」
example.comはサーバでnetskills.jpはサイトと考えると1.が正解

H29-32

H29年32問 解答 3 HTMLの文法
アウトラインだとh2とsectionとH2は同等になる?

H29-33

H29年33問 解答 1 HTMLの文法

H29-37

H29年37問 解答 3 「VW」=ビューポート
3.に「ビューポート」とあるのでこれ一択!

H29-42

H29年42問 解答 3 Javascriptの文法(代入)
constは代入なので”web”に代入された内容とコンマでつながれている解答は3.ということになる

H29-43

H29年43問 解答 4 PHPの文法

H29-44

H29年44問 解答 3 CSSコード
CSS2.1のpositionプロパティとは?

H29-46

H29年46問 解答 4 Javascriptの文法 classList.add
属性として"加える"=addから3.と4.に絞り込む 

H29-47

H29年47問 解答 2 CSSコード
クラスセレクタ ”class~(ニョロニョロ)"が正解

H29-48

H29年48問 解答 3 Javascriptの文法

H29-50

H29年50問 解答 4 picture要素
srcsetを使って画像の指定を行い、altで代替テキストを指定しておくのはimg要素と同様

H28-1P-01

H28年01問 解答◯1 PHPの比較演算子
PHPでの比較を行う場合、大抵は「==」「!=」を使用すると思います。ただし、巨大なデータを処理する際のパフォーマンスが問題になる場合は、「===」「!==」を使用することをオススメします。今回は2種類の演算子でのパフォーマンスの違いを見てみます。
 「===」と「==」の違いは型が同じかどうかをチェックするかどうかです。「===」では型のチェックを行うので「12 === '12'」はfalseとなります。同様に「12 !== '12'」はtrueとなります。
 型のチェックを行うのだから、パフォーマンスは「===」の方が低くなると思うかもしれませんが、実際は高いのです。「==」では型の変換処理を内部で実行しようとするためで、型の変換をしないで比較を行う「===」の方が高速なのです。

H28-1P-03

H28年03問 解答◯1 HTMLの文法 Quirksとは旧モードでの再現
古いバージョンなので異なって再現される可能性がある

H28-1P-05

H28年05問 解答×2 PHPの文法

H28-1P-06

H28年06問 解答◯1 HTMLの文法

H28-1P-07

H28年07問 解答◯1 CSSコードの文法
CSS2.1 絶対単位 0.75pt

H28-1P-08

H28年08問 解答×2 という解答だが????
CSSコードの文法
シアン=#00ffff=aqua=hsl(180deg,100%,50%)=RGB(0,255,255)

H28-2P-13

H28年13問 解答×2 CSSコードの文法

H28-2P-14

H28年14問 解答×2 CSSコードの文法

H29-2P-16

H28年16問 解答 4 CSSコードの文法 
1.シアンとaquaは同じ
2.シアンの3桁表示で同じ
3.シアンのRGB表記
4.RGBだが%が入っている。hsl(%)と混同注意

H28-3P-17

H28年17問 解答 4 HTMLの文法
アンカーが要素として入れられるのはセクション

H28-3P-18

H28年18問 解答 2 HTML/CSSコード
冒頭に「max-width:800」とあり、表示が崩れないようにするための最大幅と推測しモバイル用ではと考え、1.と3.と4.を消去

H28-4P-19

H28年19問 解答 1 PHPの文法

H28-5P-21

H28年21問 解答 4 HTMLの文法 
4.の段落pの締めタグ漏れ

H28-6P-24

H28年24問 解答 2 PHPの文法 
コンストラクタから下記一択のみ!
2.コンストラクタ=construct

28-7P-27

H28年27問 解答2 HTMLの文法
1.role属性イキ 3.wai-aria属性もイキ 4.tabindex属性もイキ
消去法で2.

H28-7P-29

H28年29問 解答2 JavascriptのMathオブジェクト
サイン、コサイン、タンジェントのコサインサインの順が正解

H28-8P-31

H28年31問 解答 3 CSSコードの文法
text-decorationプロパティの値
1.underlone:下線
2.oberline:上線
3.blink:キラキラ

H28-9P-34

H28年34問 解答 3 HTML・CSSソースの読み取り
1.だけでも2.だけでもダメ
3.HTMLと文字表示されているbody部分の高さを100%指定する

H28-10P-36 

H28年36問 解答 1 HTMLの文法
1.か2.のPDFに絞り込み。PDFは1Pだけ可。複数は不可。

H29-9P-37

H28年37問 解答 3 Javascriptの文法

H28-11P-40 

H28年40問 解答 1 CSS3コードの文法 機能ごとにモジュール化

H28-12P-44

H28年44問 解答3 XHTML1.1の文法 
disabled="disabled"

H28-14P-50

H28年50問 解答2 Javascriptの文法