Webページの基本ラベル


1.文書型定義タグ(Document Type Definition,DTD)


:出力するWebページのフォーマットをブラウザに転送します.
(文書の上部にあり、大文字と小文字を区別)
html5
-> <!DOCTYPE html>

2. html tag

  • html tagはすべてのhtml要素の親要素であり、Webページには1つしか存在しません.
    ->すべての要素はhtml要素のサブ要素、html要素の内部に記述する必要があります(ただしを除き、
  • )
  • は、特にlang attributeのグローバル調査をサポートします.
    <html lnag=“ko”>
    : 한국어를 주언어로 하는 경우

    3. head tag

  • メタデータを含む要素で、Webページには1つの要素
  • しか存在しません.
  • htmlドキュメントのタイトル、スタイル、リンク、scriptのデータ->画面表示X
  • は、メタデータ以外のすべての画面要素
  • を含むことができない.
    (1)title tag
    :title要素はドキュメントのタイトルを定義し、定義されたタイトルはブラウザのタブに表示されます.
    (2)style tag
    :style要素htmlドキュメントのスタイル情報を定義する

    (3)link tag
    :link要素は外部リソースと接続情報を定義し、主にhtmlと外部css
    (4)script tag
    :script要素はクライアントjavascriptファイルをロードできます.
    <script src= > </script>: src attribute를 사용하면 JavaScript 파일을로드할 수 있다.
    (5)meta tag
    :meta要素description、keywords、author、その他のメタデータの定義
    (メタデータはブラウザ、検索エンジン(キーワード)などで使用)
    - <meta charset=“utf-8”>: 브라우저가 사용할 문자셋을 정의, 한글, 일본어, 중국어가 포함된 페이지라면 utg-8이라는 값으로 문자 인코딩을 해주어야 함
    - <meta name=“keyword” content=“HTML, CSS, XHTML, JavaScript”>: SEO(검색엔진 최적화)를 위해 검색엔진이 사용할 keyword를 정의
    - <meta name=“description” content= >: 웹페이지의 설명 정의
    - <meta name=“author” content= >: 웹페이지의 저자 명기
    - <meta http-equiv=“refresh” content=“30”>: 웹페이지를 30초마다 Refresh한다.
    - <meta name=“viewport” content=“width-device-width”>: 디바이스의 가로크기가 웹페이지의 가로와 같다는 의미, 이 정보를 추가하지 않으면 데스크탑 버전의 웹페이지가 축소되어 보이는 현상이 생김

    4. body tag


    :htmlドキュメントの内容を表します.ページには1つしか存在しません.
    メタデータを除いて、Webページを構成する要素の大部分はbody要素内で説明されています.
    REFERENCE
  • PoiemaWeb