HTML 5セクション区切り

Question

これは私のウェブサイトのコードですHTML 5このコードでは、ヘッダーバナーとナビを参照していくつかのセクションを作成します。なぜ同じコードでヘッダーバナーとナビを別々に書くのかわかりません。これらのセクションの後ろに？私はそのバナーコードを理解していませんなぜバナーコードを使用するのですか？

<!-- Header --> 
      <header id="header"> 
       <div class="logo container"> 
        <div> 
         <h1><a href="index.html" id="logo">Malik Waqar Azim</a></h1> 
         <br><br> 
         <p>Bachelors in Software Engineering</p> 

        </div> 
       </div> 
      </header> 

     <!-- Nav --> 
      <nav id="nav"> 
       <ul> 
        <li><a href="index.html">Home</a></li> 
        <li class="current"><a href="about-me.html">About Me</a></li> 
        <li><a href="contact-me.html">Contact Me</a></li> 
       </ul> 
      </nav> 

     <!-- Banner --> 
      <div id="banner-wrapper"> 
       <section id="banner"> 
        <h2>About Me</h2> 
        <p>I am currently pursuing bachelors in software engineering at UET Taxila.</p> 
        <p>I completed my intermediate and matriculation from Fauji Foundation College Lalazar</p> 

       </section> 
      </div> 

Answer 1

html5言語のさまざまなセクションは、一部のコンテンツに似ています。 HTML5言語は、あなたのウェブページのドキュメントの構造を作ります。すべてのWebブラウザには独自の標準CSSスタイルがあります。カスタムスタイルをリンクしていない場合は、このスタイルを使用してhtml要素を表示する方法を知っています。 このバナーはあなたについての情報があるdiv-boxです。この例では、divのIDを持っています。この特定のボックスにいくつかのスタイルを設定するには、 'id'属性が必要です。