..

Search

<body>

HTML <body> 태그


정의 및 특징

<body> 태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다.

 

HTML 문서에는 단 하나의 <body> 요소만이 존재할 수 있습니다.


예제
<!DOCTYPE html>
<html lang="ko">
<head>
    <title>HTML 문서의 제목입니다.</title>
</head>
<body>
    HTML 문서의 콘텐츠(contents) 영역입니다.
</body>
</html>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<body> 1.0 12.0 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

HTML5에서는 <body> 태그의 모든 레이아웃(layout) 관련 속성들을 더 이상 지원하지 않습니다.


사용할 수 있는 속성

속성명   속성값 설명

alink

 

색상

해당 문서의 활성화된(현재 마우스가 클릭하고 있는) 링크(active link)의 색상을 명시함.

HTML5에서는 더 이상 지원하지 않음.

background   URL

해당 문서의 배경 이미지를 명시함.

HTML5에서는 더 이상 지원하지 않음.

bgcolor   색상

해당 문서의 배경색을 명시함.

HTML5에서는 더 이상 지원하지 않음.

link   색상

아직 방문하지 않은 링크(unvisited link)의 색상을 명시함.

HTML5에서는 더 이상 지원하지 않음.

text   색상

해당 문서의 텍스트 색상을 명시함.

HTML5에서는 더 이상 지원하지 않음.

vlink

 

색상

방문했던 링크(visited link)의 색상을 명시함.

HTML5에서는 더 이상 지원하지 않음.


CSS 기본값

body { 
  display: block;
  margin: 8px;
}

body:focus { 
  outline: none;
}


DOM 인터페이스

interface HTMLBodyElement : HTMLElement {

};

HTMLBodyElement implements WindowEventHandlers;


연관 페이지

HTML 기본 구조 수업 ⇒


연습문제