khdevlog

[Day13] HTML 기본구조

🦥 HTML

예제 1-1

  • 기본구조
  • bitcamp-ncp/Html5/ch_1/1-1.html
<!DOCTYPE html>          <==== <html> =root element
<html lang="en">         <===== 시작 태그 (a)
<head>                 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
  
</body>
</html>              <=== 끝 태그 (b)
  • 한 문서당 html -root element(가장 바깥쪽에 있는 element) 하나만 존재
  • (a) html은 시작태그 (부모 element)
  • (a)와 (b)를 포함한 내용들을 element라고 부르고 (a),(b) 사이에 있는것들을 콘텐트(content) 자식 element 라고 부른다.
  • meta태그는 화면에 글자를 표시할때 어떤 인코딩을 사용할지 지정하는 것 이다.
  • 화면에 한글로 된 내용을 표시할 때에는 UTF-8이라는 문자 세트를 지정한다.
  • Viewport 태그는 모바일 브라우저의 뷰포트 크기 조절을 위해 쓴다. 다른 모바일 브라우저들도 이 태그를 많이 쓴다.
  • meta http-equiv = HTTP 헤더에 정보 또는 값을 제공하는 content 속성이다 만약 http-equiv 속성이 명시되어 있다면, 반드시 content 속성도 함께 명시되어야만 한다.
  • X-UA-Compatible = 웹의 호환성 지정
  • content=”IE=edge”는 IE브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서 모드

HTML4 !DOCTYPE example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
  • HTML = root element
  • PUBLIC = 문서의 규칙 공개여부
  • + = 공인 -= 사설
  • W3C = 규칙을 만든 조직의 이름
  • DTD HTML 4.01 = 문서 규칙의 이름
  • EN = 문서 규칙의 언어
  • “https~~~~” = 문서 규칙을 정의한 DTD(Document Type Definition) 파일의 URL
  • DTD = OLD
  • Schema = NEW
  • HTML5 !DOCTYPE html 와는 다른 첫줄을 볼 수 있다.

Leave a comment

You may also enjoy