HTML
HTML 주석 처리
<!--element-->
<!-- --> tag 안에 원하는 element를 넣어주면 된다.head 와 body 에 대해서 알아보자
<!DOCTYPE html>
<html>
<head>
<!-- head 영역-->
</head>
<body>
<!-- body 영역-->
</body>
</html>head
웹페이지 body tag 여집합 부분으로 웹브라우저에게 문서정보(meta data)를 전달하는 역할을 한다.
head tag안에는 브라우저가 이해하기 위한 문서정보(meta data)가 들어가 있다.
title, csss, script 등이 head에 들어가게된다.
<head>
<title>제목<title>
<link href = "style.css" rel = "stylesheet">
<script src= "index.js"></script>
</head>body
<body>content</body>
웹페이지에 들어가는 모든 내용은 위 태그 안에 들어간다.tag 를 바라보는 관점(1)
1) 구획을 나누는 tag
open tag와 closing tag 안에 content를 넣지 않았을때 웹페이지 상에 표시되지 않는 특성이 있다.
2) 그 자체로 요소인 tag
content에 내용을 넣지 않아도 웹페이지 상에 표시되는 특성이 있다.tag 를 바라보는 관점(2)
블록 (block)
블록 레벨 요소는 언제나 새로운 줄에서 시작하고, 부모가 허용한 상하좌우로 최대한 늘어나 자리를 차지 합니다.
상자를 아래로 쌓는 것이라고 생각하면 된다.
인라인 (inline)
인라인 요소는 줄의 어느 곳에서 시작할 수 있다.
이전 요소가 끝나는 지점부터 시작하여 요소의 내용(content)만큼만 차지합니다.
! 인라인 요소는 블록 요소를 포함 할 수 없습니다. 내용 크기만큼 크기를 차지하기 때문에 포함 할 수가 없다.콘텐츠 카테고리
특정 태그가 어느 카테고리에 속하는지를 파악함으로써 tag를 파악하기 위해 분류한 방식이다.
태그는 여러 카테고리에 속할 수 있다.
Flow Content
meta data를 제외한 거의 모든 요소들이 카테고리에 속한다. body에 들어가는 tag라고 인식하면 된다.
Section Content
웹페이지의 구획을 나눌 때 사용
Heading Content
Section의 제목과 관련된 요소
Phrasing Content
문단에서 텍스트를 마크업 할 때