フロントエンド - HTML/HTML5 - 文章構造

[fr-sato]

■目的

HTML5で新しく定義された文章構造について理解し、実際に作成したフォームに適用します。

■課題1

以下の文章構造タグについて調べて下さい。

• header
• footer
• article
• nav
• aside
• section

  ■課題2

作成したフォームに対し、文章構造タグを適用して下さい。

[fr-itaya]

本課題は18：10開始、工数見積もり合計3時間で行います。

• 内訳
  • 課題1：1時間
  • 課題2：2時間

以上、よろしくお願いいたします。

[fr-itaya]

課題1に付き、調査結果を以下の通りお知らせします。

---

• header
  • webページのヘッダ情報を示す。
  • 使用例：イントロダクション、ナビゲーショングループ
• footer
  • webページのフッタ情報を示す。
  • 使用例：コピーライト、利用規約、TOPページへのリンク
• article
  • 記事(内容が単体で完結する部分)であることを示す。
  • 使用例：フォーラムの投稿、雑誌・新聞記事、ブログエントリ、コメント
• nav
  • ナビゲーションであることを示す。
  • 使用例：webサイト内の他のページのリンク、ページ内リンク
• aside
  • 余談・補足情報を示す。
  • 余談・補足情報とは：本文と関連してはいるけれど区別して掲載するべき内容のこと。
• section
  • 記事群を、意味や機能のまとまり毎にグループ化する。
  • 使用の目安は「グループ化する部分の意味を表す見出し」が付けられるものであること。

[fr-itaya]

課題2終了しました。 PRはこちらです。鉞お待ちしております。 https://github.com/fr-itaya/training/pull/54

[fr-sato]

課題1はOKです。

[fr-sasaki]

確認して問題ありませんでした！ クローズします。