22.1.26 head와 body

셀라문·2022년 2월 9일
0

HTML

목록 보기
4/17

HTML 문서의 구조

· HTML 문서 맨 앞에 선언 되어야하는 것 :<!DOCTYPE html>

· 모든 요소들은 <hyml> 태그 안의 자식들임.

· <hyml>은 페이지 전체의 컨텐츠를 감싸는 root요소이다. 최상위요소 또는 root 요소라고 부름

· 그 안에서 <head>태그와 <body>태그로 나뉨

<head> : 웹브라우저 화면에 직접적으로 나타나진 않는 웹페이지의 정보.

  • 요소는 기계(웹브라우저)가 식별할 수 있는 문서 정보(메타데이터)를 담습니다. 정보로는

문서가 사용할 제목, 스크립트, 스타일 시트(CSS) 등이 있습니다.

  • <head>의 주 목적은 기계 처리를 위한 정보이고, 사람이 읽을 수 있는 정보가 아닙니다. 최상위 제목, 작성자 목록 등 사람에게 보여야 할 정보는 <header> 요소를 사용하세요.

  • 하나 이상의 메타데이터 콘텐츠. 단, 정확히 한 개의 <title> 요소를 포함해야 함

  • meta tag : 문서의 일반적인 정보와 문자 인코딩을 명시

  • title

  • HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 요소만 존재할 수 있습니다.

태그를 구분짓는 특성 (body)

  1. 구획을 나누는 태그
  • 단독으로 사용했을 때에는 눈에 보이지 않는다.

  • 여러가지 요소들을 묶어서 그룹화

  1. 그 자체로 요소인 태그
  • 단독으로 사용했을 때에도 눈으로 확인할 수 있다.

블록(block)과 인라인(inline)

  1. 블록(block)
  • 블록 요소는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지

  • 상자를 위에서부터 아래로 쌓는 것

  1. 인라인(inline)
  • 인라인 요소는 줄의 어느 곳에서나 시작할 수 있음

  • 바로 이전 요소가 끝나는 지점부터 시작하여, 요소의 내용(content)만큼만 차지

  • 포함 규칙
  • 같은 형태의 다른 요소를 안에 포함할 수 있음

( 블록>블록, 인라인>인라인)

  • 대부분의 블록 요소는 다른 인라인 요소도 안에 포함할 수 있음

  • 인라인 요소는 블록 요소를 포함할 수 없음

profile
예비 개발자의 공부기록장

0개의 댓글