HTML 5 section division

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语言使您的网页文件结构。每个网页浏览器都有自己的标准CSS样式。如果你没有链接自定义风格，它使用这个知道如何显示html元素。 此横幅是有关您的信息的分隔框。在这个例子中你有div的id。如果你想为这个特定的盒子设置一些样式，'id'属性是很重要的。