Webページ

テーマ

情報デザイン · Webページ · QUESTION 001

HTMLにおいて、タグを使用する主な目的は見た目を整えることである。
○か✕か。

答えと解説を見る

答え

解説HTMLのタグは、見出し・段落・リンクなど、文書の構造や役割を表します。
色や余白などの見た目は、原則としてCSSに分担させると内容と表現を分離できます。

情報デザイン · Webページ · QUESTION 002

HTMLは必ず<html>から始まり、</html>で終わる。
○か✕か。

答えと解説を見る

答え

解説通常のHTML文書はhtml要素をルートにしますが、HTML5ではDOCTYPE宣言や省略可能なタグがあり、ソースが必ず文字どおりの開始・終了タグで始まるとは限りません。
形式を機械的に断定しないことがポイントです。

情報デザイン · Webページ · QUESTION 003

CSSを適切に設定すれば、同じHTMLファイルであったとしてもパソコンとスマホ、それぞれにあった表示をさせることができる。
○か✕か。

答えと解説を見る

答え

解説CSSのメディアクエリや相対的な幅を使えば、同じHTMLでも画面幅に応じて配置や文字サイズを変えられます。
PC用とスマホ用に内容を二重管理しなくても、適応的な表示を作れます。

情報デザイン · Webページ · QUESTION 004

HTMLのhead要素は閲覧者ではなくコンピュータ向けの「目に見えない情報」を書く。
○か✕か。

答えと解説を見る

答え

解説head要素には、タイトル、文字コード、CSSの読み込みなど、表示や検索・ブラウザの処理に関わる情報を置きます。
本文として画面に見せる内容はbody要素に書きます。

情報デザイン · Webページ · QUESTION 005

HTMLにおいて、余白をとるために<br>タグを使用した。
これは<br>タグの適切な使い方である。
○か✕か。

答えと解説を見る

答え

解説<br>は文章中で改行するための要素です。
段落間の余白を作る目的で連続使用すると、文書構造と見た目が混ざるため、CSSのmarginやpaddingを使います。

情報デザイン · Webページ · QUESTION 006

Webサイトでリンクを設置するには<a>タグを使用する。
○か✕か。

答えと解説を見る

答え

解説別のページや場所へのリンクは、href属性を持つa要素で作ります。
a要素はリンクという意味を持つため、クリックしやすさだけでなくキーボード操作にもつながります。

情報デザイン · Webページ · QUESTION 007

<div>タグや<span>タグ自体に特定の意味は存在しない。
○か✕か。

答えと解説を見る

答え

解説divとspanは、特別な意味を持たない汎用のグループ化要素です。
まとまりを作るのに便利ですが、見出しやナビゲーションなど意味のある要素を置き換える目的で乱用しないようにします。

情報デザイン · Webページ · QUESTION 008

CSSでの装飾の指定はタグに対してのみ行える。
○か✕か。

答えと解説を見る

答え

解説CSSは要素だけでなく、classやid、属性、状態などを選択対象にできます。
共通する要素にclassを付けて一括指定するのが一般的です。

情報デザイン · Webページ · QUESTION 009

CSSでは原則的に下に書かれている内容が優先される。
○か✕か。

答えと解説を見る

答え

解説同じ重要度・詳細度の規則が競合する場合は、後に書かれた宣言が優先されます。
先に書いた規則が常に負けるのではなく、重要度やセレクタの詳細度も含めてカスケードで決まります。

分野