Structure and Anatomy


Structure

<html>
  
  <!-- 문서의 정보 -->
  <head>
    <meta charset="UTF-8">  <!-- 문자 인코딩 방식 (UTF-8: 한글 지원) -->
    <meta name="description" content="deepbm의 velog입니다.">
    <meta name="keywords" content="HTML, CSS, JS">
    <!-- 반응형 웹 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>브라우저 탭에 표시되는 웹사이트 제목</title>
  </head>

  <body>
    <!-- 화면에 보여지는 부분 -->
  </body>
  
</html>
<!DOCTYPE html>htmlドキュメントの最初の行は<!DOCTYPE>と宣言する必要があります.
WebブラウザのHTMLバージョンを教えてくれます.上の宣言はhtml 5バージョンです.<meta name="description" content="deepbm의 velog입니다.">Webページの説明の定義<meta name="keywords" content="HTML, CSS, JS">SEO(検索エンジン最適化)用の検索エンジンを定義するキーワード<meta name="viewport" content="width=device-width, initial-scale=1.0">ビューポート設定
すべてのデバイスの実際の幅をレンダリングし、画面のスケールレベルを設定します.

外来ラベル


必要ではありません.通常は整理目的に使用されます.<html> <!doctype>宣言の後に書かれています.<head>Webページのmataデータが含まれます.
メタデータとは、Webページに直接表示されないページに関する情報です.<body>htmlドキュメントの内容を表し、Webブラウザでレンダリングします.

Anatomy