<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>블로그 글 예제</title>
    </head>
    <body>
        <h1>블로그 글 예제</h1>
        <!-- 첫 번째 블로그 글 -->
        <article>
            <h2>웹 디자인 트렌드 2023</h2>
            <p>2023년 웹 디자인 트렌드에 대한 예측과 해석입니다. ...</p>
            <time datetime="2023-10-15">2023년 10월 15일</time>
            <a href="/web-design-trends-2023">원문 보기</a>
        </article>

        <!-- 두 번째 블로그 글 -->
        <article>
            <h2>UX 디자인의 중요성</h2>
            <p>사용자 경험(UX) 디자인이 왜 중요한지에 대한 논의입니다. ...</p>
            <time datetime="2023-10-12">2023년 10월 12일</time>
            <a href="/ux-design-importance">원문 보기</a>
        </article>

        <!-- 세 번째 블로그 글 -->
        <article>
            <h2>모바일 앱 개발 팁</h2>
            <p>모바일 앱을 개발할 때 유용한 팁과 가이드라인을 제공합니다. ...</p>
            <time datetime="2023-10-10">2023년 10월 10일</time>
            <a href="/mobile-app-development-tips">원문 보기</a>
        </article>
    </body>
</html>
<article>
    <header>
      <h2>오늘의 날씨</h2>
      <time datetime="2023-07-20">2023년 7월 20일</time>
    </header>
    <p>
        오늘은 전국적으로 구름이 많고,
        일부 지역에는 비가 내릴 것으로 예상됩니다.
    </p>
    <p>
        수도권은 오전에 구름이 많다가
        오후부터 비가 내릴 것으로 예상됩니다.
    </p>
    <p>
        강원도는 오전에 비가 내리다가
        오후부터 구름이 많아질 것으로 예상됩니다.
    </p>
    <footer>
        <p>출처: 기상청</p>
    </footer>
</article>
<article>
    <header>
        <h2>오늘의 일기</h2>
        <time datetime="2023-07-20">2023년 7월 20일</time>
    </header>
    <p>
        오늘은 날씨가 맑고 쾌청해서 산책을 다녀왔다.
    </p>
    <p>
        산책을 하면서 마음이 편안해지는 느낌을 받았다.
    </p>
    <p>
        집에 돌아와서 맛있는 저녁을 먹고 영화를 보았다.
    </p>
    <footer>
        <p>작성자: 홍길동</p>
    </footer>
</article>
<article class="comment">
    <p>
        댓글 내용
    </p>
    <footer>
        <p>작성자: 홍길동</p>
        <time datetime="2023-07-20">2023년 7월 20일</time>
    </footer>
</article>
<article>
    <header>
        <h2>상품명</h2>
    </header>
    <p>
      상품 설명
    </p>
    <img src="상품 이미지 주소" alt="상품 이미지">
    <p>
        상품 가격
    </p>
    <p>
        배송 정보
    </p>
    <p>
        환불 정책
    </p>
</article>
<article>
    <header>
        <h2>이벤트명</h2>
        <time datetime="2023-07-20">2023년 7월 20일 ~ 7월 30일</time>
    </header>
    <p>
        이벤트 내용
    </p>
    <img src="이벤트 이미지 주소" alt="이벤트 이미지">
    <p>
        이벤트 참여 방법
    </p>
    <p>
        이벤트 경품
    </p>
</article>
<article>
    <header>
        <h2>콘텐츠 제목</h2>
    </header>
    <p>
        콘텐츠 내용
    </p>
    <img src="콘텐츠 이미지 주소" alt="콘텐츠 이미지">
    <p>
    콘텐츠 작성자
    </p>
    <time datetime="2023-07-20">2023년 7월 20일</time>
</article>
<article>
    <h1>서울 날씨 예보</h1>
    <article>
        <h2>2023년 10월 17일</h2>
        <p>맑은 날씨로 예상됩니다.</p>
    </article>
    <article>
        <h2>2023년 10월 18일</h2>
        <p>가끔 구름이 끼일 것입니다.</p>
    </article>
    <article>
        <h2>2023년 10월 19일</h2>
        <p>소나기가 예상됩니다.</p>
    </article>
</article>  

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