<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"> <!-- 문자 인코딩 -->
        <title>이 페이지의 타이틀</title> <!-- 문서의 타이틀 -->
        <meta name="description" content="이 페이지의 짧은 설명입니다."> <!-- 문서의 설명 -->
        <link rel="stylesheet" href="style.css"> <!-- 스타일시트 -->
        <script src="script.js"></script> <!-- 스크립트 -->
    </head>
    <body>
        <!-- 문서의 내용 -->
    </body>
</html>
<!DOCTYPE html>
<html>
    <body>
        <head> <!-- 올바르지 않은 HTML 구조 -->
            <!-- 문서의 정보(메타데이터) -->
        </head>
        <!-- 문서의 내용 -->
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <!-- 문서의 타이틀을 나타내는 title 요소가 없음 -->
        <meta name="description" content="이 페이지의 짧은 설명입니다.">
        <link rel="stylesheet" href="style.css">
        <script src="script.js"></script>
    </head>
    <body>
        <!-- 문서의 내용 -->
    </body>
</html>