• このエントリーをはてなブックマークに追加

HTML5プロフェッショナル認定試験レベル1 サンプル問題

1.4 レスポンシブウェブデザイン に関する問題

例題4.3「1.4.3 スマートフォンサイト最適化」
レベル1の出題範囲「1.4.3 スマートフォンサイト最適化」からの出題です。
スマートフォンでホーム画面にWebページへのリンクを作成する場合に、アイコンとして使用される画像を指定するrel属性を二つ選びなさい。
  • apple-touch-icon
  • touch-icon
  • apple-touch-icon-precomposed
  • touch-icon-precomposed

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答え A、C
iOS端末、Android端末に関わらず、
<link rel=”apple-touch-icon” href=”アイコンファイル名” />
または
<link rel=”apple-touch-icon-precomposed” href=”アイコンファイル名” />
と記述します。
apple-touch-iconを指定すると元画像に対して、角丸処理などが自動的に行なわれることがあります。デザイン上、自動処理を行なわれたく無い場合には、apple-touch-icon-precomposedを指定します。
OSの種類やバージョンによって表示が異なることがあるので、表示確認は欠かせません。

出題範囲の詳細

例題解説の提供:HTML5アカデミック認定校 株式会社クリーク・アンド・リバー社
HTML5レベル1認定者 高井 歩 氏

例題解説とその内容については、例題提供者の監修です。内容や試験問題に関わるお問い合わせにつきましては、LPI事務局ではお応えできませんのでご了承ください。
例題解説のご提供者さまを募集中です。LPI-Japan事務局までぜひご投稿ください。選ばれた方の例題解説は本サイトに掲載させていただきます。

このページの先頭へ