学科試験要項(学科・実技共通)(PDF)
更新日：
令和3年度第3回は、
2021-11-28(日)試験でした。
２級ウェブデザイン技能検定学科試験は次のとおり実施します。
【出題形式】：筆記試験（マーク方式）・「多肢選択法」「真偽法」形式
【合格基準】：70点以上（100点満点）
Ｑ&Ａ答え：２
<table>: 表要素 [Mozilla参照]
- タグの省略
- 不可。開始と終了タグの両方が必要。
4.9.8 The tr element [Living Standard参照]
- text/html でのタグの省略:
- tr 要素の直後に別の tr 要素が続く場合、または親要素にそれ以上のコンテンツがない場合は、tr 要素の終了タグを省略できます。
Ｑ&Ａ答え：１
<aside>: 余談要素 [Mozilla参照]
この段落は記事の主要な内容と間接的な関係しかありません。
- 許可されている内容
- フローコンテンツ
Ｑ&Ａ答え：１
労働安全衛生マネジメントシステムに関する指針 [厚生労働省参照]
情報機器作業者は当該事業所の安全衛生計画の趣旨を理解し、積極的にその措置の徹底に協力することが極めて重要である。
Ｑ&Ａ答え：２
String 関数 [PHP参照]
printは実際には関数ではなく、 言語構造です。 引数は、print の後に文字列として評価される式を指定し、括弧で括る必要はありません。
Ｑ&Ａ答え：１
4.2.5.4 Specifying the document's character encoding [W3C参照]
エンコーディング標準では、UTF-8 文字エンコーディングを使用する必要があり、それを識別するために「utf-8」エンコーディング ラベルを使用する必要があります。 これらの要件では、ドキュメントの文字エンコーディング宣言が存在する場合、ASCII の大文字と小文字を区別しない "utf-8" の一致を使用してエンコーディング ラベルを指定する必要があります。 文字エンコード宣言が存在するかどうかに関係なく、ドキュメントのエンコードに使用される実際の文字エンコードは UTF-8 でなければなりません。
上記の規則を適用するには、オーサリング ツールは、新しく作成されたドキュメントにデフォルトで UTF-8 を使用する必要があります。
Ｑ&Ａ答え：１
.htaccess [ウィキペディア参照]
.htaccess（ドットエイチティーアクセス）とは、Apacheを用いたWebサーバにおいて、ディレクトリ単位で設置及び設定を行える設定ファイルである。
Apacheではhttpd.confという設定ファイルでApacheの設定を行うが、Webサーバの要となる設定ファイルであるため、Webサーバの管理者でないと設定を変更することができない。.htaccessはhttpd.confで.htaccessの利用を許可している場合、Webサーバ管理者のみならずウェブサイトの管理者レベルでApacheの一部設定を行えるようにしたものである。
.htaccessで行える設定は全てhttpd.confで行うことができ、パフォーマンスやセキュリティの観点からそれが推奨されているが、実際はサーバー管理者も.htaccessを使うケースが多い。
Ｑ&Ａ答え：２
スケールアウト [IT用語辞典参照]
スケールアウトとは、コンピュータシステムの性能を増強する手法の一つで、コンピュータの台数を増やすことでシステム全体の性能を向上させること。処理を並列化、分散化できるシステムで適用される。
Ｑ&Ａ答え：２
<section>: 汎用セクション要素 [Mozilla参照]
- 許可されている親要素
- フローコンテンツを受け入れるすべての要素。
Ｑ&Ａ答え：２
MACアドレス [ウィキペディア参照]
MACアドレス（マック・アドレス、英語: Media Access Control address）とは、Media Access Controlにおいて、ネットワークインタフェースを識別するために使用される識別子である。OSI参照モデルでいえば、第2層（データリンク層）にあたる。
原則として全てのネットワーク機器に一意に割り当てられるが、様々な要因で例外が存在する。
- 概要
- イーサネットやIEEE 802.11 (Wi-Fi)の場合、48ビット（EUI-48）の符号である。MACアドレスの表現には、04-A3-43-5F-43-23や32:61:3C:4E:B6:05といったオクテットで区切り16進数表現を用いる。このMACアドレスの6つのオクテットのうち、最初の3オクテットがベンダーID部、次の1オクテットが機種ID、最後の2オクテットがシリアルIDとなることが一般的である。この場合、上位4オクテットでネットワーク機器の機種名まで特定可能である。
Wi-Fi [ウィキペディア参照]
ipconfig（アイピーコンフィグ、internet protocol configuration）は、Microsoft Windowsのコンソールアプリケーションである。
現在のTCP/IPネットワーク設定を参照したり、DHCPやDNSの設定を変更したりするのに使用する。
/all オプションをつけて実行すると、オプションをつけないときよりも詳細なTCP/IPネットワーク設定を参照できる。
Wi-Fi Protected Access [ウィキペディア参照]
Wi-Fi Protected Access（WPA）とは、Wi-Fi Alliance の監督下で行われている認証プログラム。Wi-Fi Alliance が策定したセキュリティプロトコルにそのネットワーク機器が準拠していることを示すものである。また、そのセキュリティプロトコルそのものも指す。これまでにWPA、WPA2、WPA3の3つのプログラム及びプロトコルが策定された。
Wired Equivalent Privacy [ウィキペディア参照]
Wired Equivalent Privacy（直訳すると有線同等機密、通称WEP）は、IEEE 802.11無線ネットワークのセキュリティのためのアルゴリズム。1997年に登場したとき[1]、WEPは従来からある有線LAN並みの機密性を提供するものと期待されていたが、後に容易に解読できることが判明したため廃れた。
Ｑ&Ａ答え：２
HTML からの脱出 [PHP参照]
<?php echo '一方、この部分はパースされます。'; ?>
Ｑ&Ａ答え：２
サイバーセキュリティ基本法 [総務省参照]
「サイバーセキュリティ基本法」は、サイバーセキュリティに関する施策を総合的かつ効率的に推進するため、基本理念を定め、国の責務等を明らかにし、サイバーセキュリティ戦略の策定その他当該施策の基本となる事項等を規定しています。
- 国民の努力
- 第九条 国民は、基本理念にのっとり、サイバーセキュリティの重要性に関する関心と理解を深め、サイバーセキュリティの確保に必要な注意を払うよう努めるものとする。
Ｑ&Ａ答え：１
<color> [Mozilla参照]
RGB 色は 16 進表記 (# の接頭辞つき) と関数表記 (rgb(), rgba()) の両方で表現することができます。
- 16 進表記: #RGB[A]
- R (赤)、 G (緑)、 B (青) と A (アルファ) は 16 進数の文字 (0–9, A–F) です。 A は任意です。3 桁表記 (#RGB) は 6 桁形式 (#RRGGBB) を短縮したものです。例えば、 #f09 は #ff0099 と同じ色です。同様に、4 桁の RGB 表記 (#RGBA) は8桁形式 (#RRGGBBAA) を短縮したものです。例えば、 #0f38 は #00ff3388 と同じ色です。
- 16 進表記: #RRGGBB[AA]
- R (赤)、 G (緑)、 B (青) と A (アルファ) は 16 進数の文字 (0–9, A–F) です。 A は任意です。例えば、 #ff0000 は #ff0000ff と同等です。
Ｑ&Ａ答え：１
<code>: 行内コード要素 [Mozilla参照]
HTML の <code> 要素は、コンピューターコードの短い断片の文字列であると識別できるような外見のコンテンツを表示します。既定では、中の文字列がユーザーエージェントの既定の等幅フォントを使用して表示されます。
- 許可されている内容
- 記述コンテンツ
Ｑ&Ａ答え：１
A/Bテスト [ウィキペディア参照]
ABテスト（英: A/B testing）とは、主にインターネットマーケティングで行われる、施策判断のための試験の総称である。
Ｑ&Ａ答え：１
CSS カスケード入門 [Mozilla参照]
ユーザーエージェントスタイルシートに関するいくつかの制約は HTML 仕様書によって設定されていますが、ブラウザーにはまだ多くの自由度があります。つまり、ブラウザーごとに大きな違いがあります。開発プロセスを簡素化するために、ウェブ開発者は多くの場合、 CSS リセットスタイルシート（例えば normalize.css）を使用して、あらゆるブラウザーが特定のニーズに合わせて変更を開始する前に、共通のプロパティ値を既知の状態にします。
ユーザーエージェントスタイルシートがプロパティの隣に !important を含み、それを "important" にしない限り、リセットスタイルシートを含む作成者スタイルによって宣言されたスタイルは、関連するセレクターの詳細度にかかわらず、ユーザーエージェントスタイルより優先さ れます。
Ｑ&Ａ答え：４
画像ファイルの種類と形式ガイド [Mozilla参照]
GIF は簡単なアニメーションに対応しています。最初の完全なフレームに続いて、フレームごとに変化する部分を反映した一連の画像を提供します。
Ｑ&Ａ答え：２
WAI-ARIA って何？ [Mozilla参照]
例えば、 HTML5 は普遍的なページの機能を定義するためにいくつもの意味論的要素を取り入れました（<nav> 、 <footer> 等）。 これらが利用可能になる以前は、開発者は <div class="nav"> のように単に <div> を ID や class と共に使っていましたが、メインナビゲーションのようなページ内の機能をプログラムで識別する簡単な方法が無いために問題がありました。
- Landmark
- 画面リーダーの利用者向けにウェブページのナビゲーションを向上させるための、 ARIA landmark の使用法を紹介します。 ARIA landmark の実装状況の覚え書きや実際のサイトでの例もご覧ください (2011 年 7 月更新)。
- Live Region
- これらの機能は、ARIA ライブリージョンマークアップでマークアップされたページと、追加のマークアップを追加しなかったページの両方で、スクリーンリーダー開発者がライブリージョンサポートの品質とパフォーマンスを向上させるのに役立ちます。
- Web Accessibility Initiative
- Web アクセシビリティ (略語: A11Y、Accessibility の A から Y までの間に 11 文字が挟まれているため、このように略す) は、身体的および技術的な制約によらず、Web サイトを使いやすく保つためのベストプラクティスです。Web アクセシビリティは、W3C の Web Accessibility Initiative (略称: WAI) によって、標準化と議論がされています。
Ｑ&Ａ答え：１
SQLインジェクション [ウィキペディア参照]
SQLインジェクション（英: SQL injection）とは、アプリケーションのセキュリティ上の不備を意図的に利用し、アプリケーションが想定しないSQL文を実行させることにより、データベースシステムを不正に操作する攻撃方法のこと。また、その攻撃を可能とする脆弱性のことである。
- 2005年
- 2005年3月に発生した、クラブツーリズムのクレジットカード情報を含む個人情報漏洩
- 2006年
- 2006年1月に判明した、スカイソフトのクレジットカード情報を含む個人情報漏洩…スカイソフトは閉店へと追い込まれた。
Ｑ&Ａ答え：３
知的財産権 [ウィキペディア参照]
知的財産権（ちてきざいさんけん、英: intellectual property rights）とは、著作物（著作権）や発明、商標などといった無体物について、その創出者に対して与えられる、民法上の所有権に類似した独占権である[1]。 その性質から、「知的創作物（産業上の創作・文化的な創作・生物資源における創作）」と「営業上の標識（商標・商号等の識別情報・イメージ等を含む商品形態）」および「それ以外の営業上・技術上のノウハウなど、有用な情報」の3種類に大別される（知的財産基本法2条1項参照）。
- 著作権
- 思想・感情の創作的表現を保護する
- 商標権
- 商標に化体した業務上の信用力（ブランド）を保護する
- 所有権
- 物の全面的支配すなわち自由に使用・収益・処分する権利
Ｑ&Ａ答え：３
margin [Mozilla参照]
body, h1 { margin: 100px; } 100px + 100px = 200px
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> <style> body, h1 { margin: 100px; } </style> </head> <body> <h1>ウェブデザイン技能検定</h1> </body> </html>Ｑ&Ａ答え：３
:nth-child() [Mozilla参照]
/* リスト中の 2 番目の <li> 要素を選択 */ li:nth-child(2) { color: lime; } /* 兄弟要素の中で 3 つおきに要素を選択 */ :nth-child(4n) { color: lime; }/* リスト中の 3 番目の <li> 要素を選択 */ li:nth-child(3) { color: red; } /* リスト中の 3 番目以外の <li> 要素を選択 */ li:not(li:nth-child(3)) { color: silver; }Ｑ&Ａ答え：１
Appendix D. Default style sheet for HTML 4 [W3C参照]
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th, tr { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A"; white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3, h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } }Ｑ&Ａ答え：４
Adobe XDの使い方 ワイヤーフレームを作る手順を紹介 [Adobe参照]
ワイヤーフレーム 【wireframe】 [IT用語辞典参照]
ワイヤーフレームとは、3次元コンピュータグラフィックス（3DCG）で、立体を頂点と輪郭線のみの「骨組み」で表したもの。転じて、制作物の概要を示すために簡易な線画で構成された設計図面のこと。特に、Webサイトやスマートフォンアプリの画面設計図。
Ｑ&Ａ答え：４
HTML Review Draft—Published 29 January 2020 [W3C参照]
- wbr
- HTMLElement
- track
- HTMLTrackElement : HTMLElement
- hgroup
- HTMLElement
<menuitem> [Mozilla参照]
非推奨 HTML5.2: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
Ｑ&Ａ答え：１
バージョン管理システム [ウィキペディア参照]
バージョン管理システム（英: version control system、VCS）はコンピュータ上でファイルの変更履歴を管理するシステムである。
- 概要
- ソフトウェアソースコード・ドキュメント・画像・音楽など、様々な電子ファイルは段階を経て編集される。編集の過程で履歴を保存しておけば、何度も変更を加えたファイルであっても過去の状態や変更内容を確認したり変更前の状態を復元したりできる。バージョン管理システムの基本的な機能は、このファイルの変更内容・作成変更日時の履歴保管である。
- リポジトリ
- バージョン管理におけるリポジトリはバージョン管理対象の集合（データベース）である。コンテンツの全履歴・メタデータ履歴などで構成される。ファイルの編集がリポジトリへコミットされるとリポジトリ内に新たな履歴が記録される。
Ｑ&Ａ答え：１
onclick [Mozilla参照]
onclick 属性は、要素がクリックされたときに実行するスクリプトを指定します。
Ｑ&Ａ答え：３
SEO [Mozilla参照]
SEO (Search Engine Optimization, 検索エンジン最適化)は、検索結果上であるウェブサイトをより目立たさせるための過程です。検索ランキングの改善とも言えます。
検索エンジン最適化 [ウィキペディア参照]
検索エンジン最適化（けんさくエンジンさいてきか、英: Search Engine Optimization, SEO、サーチ・エンジン・オプティマイゼーション）とは、検索エンジンのオーガニックな検索結果において、特定のウェブサイトが上位に表示されるよう、ウェブサイトの構成などを調整すること。また、その手法の総称。
- 手法
- 検索エンジン最適化には、適切なキーワードをタイトルやページ先頭に持ってくる手法や、検索エンジンスパムを使う手法まで、多様な手法が用いられる。検索エンジンスパムを利用したことが発覚すると、検索エンジンのインデックスから削除されるなどのペナルティが課せられることがある。特定のドメイン・IPアドレスを検索対象から除外するペナルティもあり、ドメイン・IPアドレスの再取得といったコストがかかってしまうことがある。
Ｑ&Ａ答え：３
「情報機器作業における労働衛生管理のためのガイドラインの概要*（パンフレット）」［PDF形式：718KB］ [厚生労働省参照]
以下の画像・テキストは、厚生労働省サイトから引用し、加工した物です。
作業に適した環境を整えましょう
- ＜照明等＞
- 明暗の対照が著しくない室内照明、間接照明はグレア防止に効果的
- ディスプレイと書類を交互に見る作業では、明るさが著しく異ならないように。 机上の照度は300ルクス以上が目安
- 太陽光が差し込むときは、窓にブラインドを
- ＜パソコン機器＞
- 輝度やコントラストの調節機能 ⇒眼の保護
- 位置や向きの調整機能 ⇒正しい姿勢
- 動かせるキーボードやマウス ⇒肩こり防止
疲れない方法で作業をしましょう
- ＜作業時間＞
- １日の作業時間が長すぎないよう
- １時間以内で１サイクル、サイクルの間は10-15分の作業休止、サイクル中にも１、２回の小休止を
- 事業者は、作業者に応じた業務量を
- ＜作業姿勢＞
- 椅子に深く正しく座り、足は足裏の全体が接するように
- 長時間同じ姿勢にならないよう、ときおり立ち上がるか立ち作業を
- ＜機器の調整＞
- ディスプレイは、眼から40cm以上の距離、画面の上端は眼の高さまで
- ディスプレイの位置角度、輝度を調節
- ディスプレイと書類を交互に見る作業では、書類を眼が疲れない位置に
厚生労働省 > 政策について > 分野別の政策一覧 > 雇用・労働 > 労働基準 > 安全・衛生 > 職場における労働衛生対策「「情報機器作業における労働衛生管理のためのガイドラインの概要（パンフレット）」［PDF形式：718KB］」（厚生労働省）（https://www.mhlw.go.jp/content/11300000/000546922.pdf）（2022-08-06利用）を加工して作成
- ＜照明等＞
Ｑ&Ａ答え：２
配列 [PHP参照]
PHP の配列は、実際には順番付けられたマップです。マップは型の一種で、 値をキーに関連付けます。 この型は、さまざまな使い道にあわせて最適化されます。 配列としてだけでなく、リスト (ベクター)、 ハッシュテーブル (マップの実装の一つ)、辞書、コレクション、スタック、 キュー等として使用することが可能です。 PHP の配列には他の PHP 配列を値として保持することができるため、 非常に簡単にツリー構造を表現することが可能です。
for($i=0; $i<3; $i++){ for($j=0; $j<3; $j++){ $array[$i][$j] = $i*$j;// $i=1 $j=1 1*1=1 } } print $array[2][2];Ｑ&Ａ答え：４
JIS(JISX8341-3)の「1.4.3 コントラスト（最低限レベル）の達成基準」 [W3C参照]
1.4.3 コントラスト (最低限) : テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。ただし、次の場合は除く: (レベル AA)
- 文字色: #000 背景色: #666
- 3.65:1
- 文字色: #333 背景色: #ccc
- 7.86:1
- 文字色: #666 背景色: #fff
- 5.74:1
- 文字色: #999 背景色: #000
- 7.37:1
問題を起こさない程度に十分にコントラストが大きいかどうかを調べる簡単な方法があります。前景色と背景色を入力して調べることができる、コントラストのチェック用ツールが、オンライン上にいくつもあります。たとえば、WebAIM の Color Contrast Checker は、簡単に使えますし、色のコントラストに関して WCAG の基準に適合するためには何を行えば良いのかについて、説明もしてくれます。
Ｑ&Ａ答え：２
基本的な図形 [Mozilla参照]
図形を挿入するには、文書内に要素を作成します。さまざまな要素が各々さまざまな図形に対応づけられ、また各属性が図形のサイズや位置を定義します。一部の要素は他の図形で作成できるという点でやや冗長ですが、それらすべては利便性および文書をできるだけ小さくかつ読みやすくするために存在します。すべての基本的な図形を右図に示しています。これらを生成するコードは以下のとおりです。
<circle cx="25" cy="75" r="20" stroke="red" fill="transparent" stroke-width="5"/> <ellipse cx="75" cy="75" rx="20" ry="5" stroke="red" fill="transparent" stroke-width="5"/>Ｑ&Ａ答え：３
<article>: 記事コンテンツ要素 [Mozilla参照]
HTML の <article> 要素は文書、ページ、アプリケーション、サイトなどの中で自己完結しており、 (集合したものの中で) 個別に配信や再利用を行うことを意図した構成物を表します。例えば、フォーラムの投稿、雑誌や新聞の記事、ブログの記事、商品カード、ユーザーが投稿したコメント、対話型のウィジェットやガジェット、その他の独立したコンテンツの項目が含まれます。
<side>: 余談要素 [Mozilla参照]
HTML の <side> 要素は、文書のメインコンテンツと間接的な関係しか持っていない文書の部分を表現します。サイドバーやコールアウトボックスなどを表現するためによく使われます。
Ｑ&Ａ答え：４
DirectoryIndex ディレクティブ [Apache参照]
クライアントが、ディレクトリ名の最後に「/」 を指定してディレクトリインデックスを要求する場合に探すリソースのリストを DirectoryIndex ディレクティブで設定します。 Local-url は、リクエストされたディレクトリに対応する、サーバ上のドキュメントの (% エンコードされた) URL で、普通はディレクトリ中のファイルの名前です。 複数の URL が設定された場合には、最初に見つかったものを返します。 それらが見つからず、Indexes オプションがセットされている場合、ディレクトリのリストを生成します。
- 例
- DirectoryIndex index.php index.html
- 例
- DirectoryIndex index.html /cgi-bin/index.pl
Ｑ&Ａ答え：２
クロスサイトスクリプティング [ウィキペディア参照]
クロスサイトスクリプティング（英: cross site scripting）とは、Webアプリケーションの脆弱性もしくはそれを利用した攻撃。脆弱性をツリー型に分類するCWEではこの攻撃を不適切な入力確認 (CWE-20) によるインジェクション (CWE-74) のひとつとして分類している (CWE-79)。略称はXSS。かつてはCSSという略称も使われていたが、Cascading Style Sheetsと紛らわしいのでこの略称はあまり使われなくなった[1]。
- XSS脆弱性とXSS攻撃の詳細
- 本節ではXSS脆弱性とXSS攻撃の詳細を具体例を通して述べる。 すでに述べたように、ウェブサイトではユーザがフォームなどで入力した値を変数として持ち、変数にセットされた値に応じてその後の動的なページ内容の生成が行われ、その際には変数値そのものがページに表示されることもある。XSS脆弱性の簡単な例としてはユーザが値を決定できる変数値を加工せずそのままウェブページに表示（エコーバック）してしまう[6]というものがある。
- 見出し２
- 説明文
- 見出し３
- 説明文
Ｑ&Ａ答え：１
<q>: 行内引用要素 [Mozilla参照]
HTML の <q> 要素 は、その内容が行内の引用であることを表します。最近の多くのブラウザーでは、文字列を引用符で囲むように実装しています。この要素は、段落区切りをまたがない短い引用のためのものです。長文の引用には、 <blockquote> 要素を使用してください。
Ｑ&Ａ答え：３
caret-color [Mozilla参照]
caret-color は CSS のプロパティで、次に入力された文字が挿入される位置を示す可視マーカーである入力キャレットの色を設定します。これはテキスト入力カーソルと呼ばれることもあります。
Ｑ&Ａ答え：２
オープンソースソフトウェア [ウィキペディア参照]
オープンソースソフトウェア（英: Open Source Software、略称: OSS）とは、利用者の目的を問わずソースコードを使用、調査、再利用、修正、拡張、再配布が可能なソフトウェアの総称である。
Ｑ&Ａ答え：１
absolute length units* [W3C参照]
5.2. Absolute Lengths: the cm, mm, Q, in, pt, pc, px units
unit name equivalence cm centimeters 1cm = 96px/2.54 mm millimeters 1mm = 1/10th of 1cm Q quarter-millimeters 1Q = 1/40th of 1cm in inches 1in = 2.54cm = 96px pc picas 1pc = 1/6th of 1in pt points 1pt = 1/72th of 1in px pixels 1px = 1/96th of 1in Ｑ&Ａ答え：２
box-sizing [Mozilla参照]
box-sizing は CSS のプロパティで、要素の全体の幅と高さをどのように計算するのかを設定します。
- 初期値
- content-box
- content-box
- これは、 CSS 標準で規定されている初期値および既定値です。
Ｑ&Ａ答え：１
テキストのサイズ変更 [W3C参照]
1.4.4 テキストのサイズ変更: キャプション及び文字画像を除き、テキストは、コンテンツ又は機能を損なうことなく、支援技術なしで 200％ までサイズ変更できる。 (レベル AA)