ウェブデザイン技能検定試験問題、二級を解説(26)〜(30)
10月に行われたウェブデザイン技能検定の過去問について解説をいたします。
ウェブデザイン技能検定二級 (26)〜(30)の解説
ウェブデザイン技能検定二級は、(26)〜(30)は四択択問題です。
落ち着いて考え、正確に回答していきましょう。
(26)jQuery を用いた次のコードを、querySelectorを用いて記述したものはどれか。以下より1つ選択しなさい。
コード：var obj = $(‘.button’);
1.var obj = document.querySelector(‘.button’);
2.var obj = document.querySelectorAll(‘button’);
3.var obj = document.querySelectorAll(‘.button’);
4.var obj = document.querySelector(‘button’);
正解：3
jQueryを普段使用している方は一瞬迷いますが、「querySelectorAll」と記載されていることと、「.button（ドットあり）」クラスになっていることに気をつけていただければ難なく回答できます。※この問題はよく出ます。
(27)body要素には、次のようにnav要素とul要素とli要素が記述されている。これを図のようなパンくずナビゲーションのスタイルで表示されるようにしたい。この場合、style要素に書いたCSSコードのAからCのいずれにも使われないキーワードを、以下より1つ選択しなさい。
—
html
<navclass=”breadcrumb"><ul><li><a href="”>ドキュメント</a></li><li><a href="">ガイド</a></li><li>はじめよう</li></ul></nav>
CSS
.breadcrumbul {list-style: none;}.breadcrumb li {display: A;}.breadcrumb liB{content: “→”;}.breadcrumb liCB{content: “";}
図
※こちらは以下のページをご確認ください。
https://www.webdesign.gr.jp/kentei/open/R01-2-2_gakka_open.pdf
—
1.::after
2.::before
3.:first-child
4.inline
正解：1
Aは「4」、Bは「2」、Cは「3」となり、使用しないのは「1」となります。
(28)CSS2.1および2.2では、1pxの大きさはどのように定義されているか。以下より1つ選択しなさい。
1.1pt
2.0.75pt
3.1/72インチ
4.機器ごとの画面の物理的な1画素の大きさ
正解：2
これはワタシも知りませんでした。1pxイコール0.75ptなんですね。
端末の設定によって変動するものと思っていましたが、違いました。
(29)MIMEタイプの説明として適切なものを、以下より1つ選択しなさい。
1.type=htmlやtype=gifのように記される。
2.text/htmlやimage/gifのように記される。
3.CSSファイルにはMIMEタイプがないためHTML5では記述しない。
4.RFCでは規定されていないが安全のために記述することが多い
正解：2
これもよく出題されます。「/」で区切られたものが正解です。
これを意識的に記述することがないため、うっかりミスに気をつけましょう。
(30)HTML5.2において、picture要素を使って画像を表示させる場合、その代替テキストはどこに指定する仕様となっているか。正しいものを以下より1つ選択しなさい。
1.picture要素のalt属性
2.picture要素内にあるimg要素のalt属性
3.picture要素内にあるsource要素のalt属性
4.picture要素内にあるすべての要素の各alt属性
正解：2
これは当然「2:img要素に記載」してください。
次は二級を解説(31)〜(35)です。