<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>프로젝트 소개</title>
    </head>
    <body>
        <header>
            <h1>우리의 프로젝트</h1>
        </header> 
        <nav>
            <ul>
                <li><a href="#section1">프로젝트 목표</a></li>
                <li><a href="#section2">진행 상황</a></li>
                <li><a href="#section3">결과 및 향후 계획</a></li>
            </ul>
        </nav> 
        <section>
            <h2>프로젝트 목표</h2>
            <p>이 섹션은 프로젝트의 목표와 목표를 설명합니다.</p>
        </section>
        <section>
            <h2>진행 상황</h2>
            <p>이 섹션은 프로젝트의 현재 진행 상황에 대한 정보를 제공합니다.</p>
        </section>
        <section>
            <h2>결과 및 향후 계획</h2>
            <p>이 섹션은 프로젝트의 결과 및 향후 계획을 다룹니다.</p>
        </section>
        <footer>
            <p>© 2023 우리 프로젝트. 모든 권리 보유.</p>
        </footer>       
    </body>
</html>
<article>
    <h1>최신 레시피 컬렉션</h1>
    <p>이번 주의 최고의 레시피를 소개합니다.</p>
    <section>
        <h2>아침 식사</h2>
        <p>아침에 먹기 좋은 요리 아이디어입니다.</p>
    </section>

    <section>
        <h2>점심 식사</h2>
        <p>점심 식사를 위한 레시피 추천입니다.</p>
    </section>
    <section>
        <h2>저녁 식사</h2>
        <p>저녁 식사 아이디어와 레시피를 확인하세요.</p>
    </section>
</article>
<aside>
    <section>
        <h2>날씨 위젯</h2>
        <p>현재 날씨 정보 및 예보를 표시합니다.</p>
    </section>
    <section>
        <h2>소셜 미디어 위젯</h2>
        <p>최신 트윗 및 소셜 미디어 업데이트를 표시합니다.</p>
    </section>
    <section>
        <h2>광고 위젯</h2>
        <p>광고 또는 추천 상품을 표시합니다.</p>
    </section>
</aside>
<div id="slider">
    <section>
        <h2>파리, 프랑스</h2>
        <p>파리에 대한 아름다운 여행 경험을 만나보세요.</p>
        <!-- 이 슬라이드의 내용 -->
    </section>
    <section>
        <h2>로마, 이탈리아</h2>
        <p>로마의 역사와 문화를 탐험하세요.</p>
        <!-- 이 슬라이드의 내용 -->
    </section>
    <section>
        <h2>도쿄, 일본</h2>
        <p>도쿄에서의 멋진 여행을 계획하세요.</p>
        <!-- 이 슬라이드의 내용 -->
    </section>
</div>
section 태그의 브라우저 호환성
태그
Chrome
Chrome
Edge
Edge
Firefox
Firefox
Safari
Safari
<section> 5 12 4 5

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