<header role="banner">
    <h1>웹사이트 제목<h1>
    .... 로고, 네비게이션, 검색....
</header>
<div role="banner">
    <h1>웹사이트 제목<h1>
    .... 로고, 네비게이션, 검색....
</div>
<article>
    <header>
        <h2>HTML 소개</h2>
        <p>
            <time datetime="2022-05-13">2022년 5월 13일</time> 코딩에브리바디 작성
        </p>
    </header>
    <p>
        HTML(Hyper Text Markup Language)은 웹 페이지를 만들기 위한 가장 기본적인 언어로서...
    </p>
    <p>
        <a href="https://example.com/html">더 보기...</a>
    </p>
</article>
<header>
    <!-- 섹션의 목차 -->
    <nav>
        <ul>
            <li><a href="#section1">섹션 1</a></li>
            <li><a href="#section2">섹션 2</a></li>
            <li><a href="#section3">섹션 3</a></li>
        </ul>
    </nav>
    
    <!-- 검색 양식 -->
    <form action="/search" method="get">
        <label for="search">검색어</label>
        <input id="search" type="text" name="q" placeholder="검색어를 입력하세요">
        <button type="submit">검색</button>
    </form>
    
    <!-- 로고 -->
    <img src="logo.png" alt="웹 페이지 로고">
</header>

caniuse.com에서 더 자세한 정보를 확인해 보세요.