Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:セマンティック要素を実装する | 上級HTML
/
HTMLの基本

bookチャレンジ:セマンティック要素を実装する

メニューを表示するにはスワイプしてください

課題

Flutter開発会社のウェブサイト用に、セマンティックHTML要素を使用したHTMLドキュメントの作成。

ウェブサイトの各セクションが適切なセマンティックHTML要素(<header><nav><section><footer>)で囲まれていることを確認。

index.html

index.html

copy

ヒント

  • ステップ1:header 要素を使用して、メインのブランディング要素とナビゲーションを含める。
  • ステップ2:ナビゲーションメニューには nav 要素を利用する。
  • ステップ3:それぞれ異なるコンテンツのセクションを section 要素で囲む。
  • ステップ4:footer 要素には著作権情報、ポリシーリンク、お問い合わせ先を含める。
index.html

index.html

copy

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  3
some-alt