html/css 독학하기

코스 전체목록

닫기

body

설명

The HTML Body (<body>) element represents the main content of an HTML document. There is only one <body> element in a document.

<body>요소는 HTML문서의 주요 컨텐츠부분을 표시하는데 사용된다. 한 문서에는 하나의 <body>만 존재한다.

Usage Context

Content category Sectioning content
Permitted content Flow content
Tag omission The start tag may be omitted if the first thing inside it is not a space character, comment, <script> element or <style> element. The end tag may be omitted if the body element has contents or has a start tag, and is not immediately followed by a comment.
Permitted parent elements <html>
Normative document HTML5, section 4.4; HTML 4.01, section 7.5.1

속성

Like all other HTML elements, this element supports the global attributes.

HTML의 다른 요소들처럼, 이 요서는 전역속성을 지원한다.

alink - HTML 4.01부터 폐지예정, HTML5에서 폐지됨, CSS로 대체 사용

Color of text for hyperlinks when selected.

선택되었던 하이퍼링크의 글자 색상을 지정해준다.

background - HTML4.01부터 폐지예정, HTML5에서 폐지됨, CSS로 대체 사용

URI of a image to use as a background.

배경이미지로 사용될 이미지의 URI를 지정해준다.

bgcolor - HTML4.01부터 폐지예정, HTML5에서 폐지됨, CSS로 대체사용

Background color for the document.

문서의 배경색상을 지정해준다.

link - HTML4.01부터 폐지예정, HTML5에서 폐지됨, CSS로 대체사용

Color of text for unvisited hypertext links.

방문하지 않은 하이퍼링크의 글자 색상을 지정해준다.

onafterprint - HTML5

Function to call after the user has printed the document.

사용자가 문서를 출력한 다음에 호출할 함수를 지정해준다. 

onbeforeprint - HTML5

Function to call when the user requests printing of the document.

사용자가 문서를 출력 요청했을 때, 요청을 처리하기 전에 사용될 함수를 지정해준다.

onbeforeunload - HTML5

 Function to call when the document is about to be unloaded.

문서가 언로드될때, 즉 다른 페이지로 이동할 때 호출될 함수를 지정한다.

onblur - HTML5

Function to call when the document loses focus.

문서가 포커스를 잃었을 때 호출될 함수를 지정한다.

onerror - HTML5

Function to call when the document fails to load properly.

문서를 로드하는데 실패했을 때 호출할 함수를 지정한다.

onfocus - HTML5

Function to call when the document receives focus.

문서가 포커스를 얻었을 때 호출될 함수를 지정한다.

onhashchange - HTML5

Function to call when the fragment identifier part (starting with the hash (#) character) of the document's current  address has changed.

 문서 내의 일부분을 주소로 나타날 때 해쉬(#)로 시작하는 부분주소(??)를 사용한다. 문서의 현재 주소부분에서 #이후 부분이 바뀌었을 때 호출하는 함수를 지정한다. 

onload - HTML5

Function to call when the document has finished loading.

문서를 로드하는것을 끝냈을 때 호출될 함수를 지정한다.

onmessage - HTML5

Function to call when the document has received a message.

문서가 메시지를 받았을 때 호출될 함수를 지정한다.

onoffline - HTML5

Function to call when network communication has failed.

네트워크 연결이 실패했을 때 호출할 함수를 지정한다.

ononline - HTML5

Function to call when network communication has been restored.

네트워크 연결이 복구되었을 때 호출할 함수를 지정한다.

onpopstate - HTML5

Function to call when the user has navigated session history.

세션 히스토리를 사용자가 확인할 때 호출될 함수를 지정한다.

onredo - HTML5

Function to call when the user has moved forward in undo transaction history.

undo 트랜잭션 히스토리안의 "앞으로가기"로 이동하였을 때 호출될 함수를 지정한다. 

onresize - HTML5

Function to call when the document has been resized.

문서의 크기가 변했을 때 호출될 함수를 지정한다.

onstorage - HTML5

Function to call when the storage area has changed.

저장영역이 변경되었을 때 호출할 함수를 지정한다.

onundo - HTML5

Function to call when the user has moved backward in undo transaction history.

undo 트랜잭션 히스토리안의 문서로 "뒤로가기"로 이동하였을 때 호출될 함수를 지정한다.

onunload - HTML5

Function to call when the document is going away.

문서가 로드되지 않는 상태가 계속될 때 호출된다.

text - Deprecated since HTML4.01 , Obsolete since HTML5; use CSS instead.

Foreground color of text.

글자 색상을 지정할 때 사용된다.

vlink - Deprecated since HTML4.01 , Obsolete since HTML5; use CSS instead.

HTML4.01부터 폐지예정, HTML5부터 폐지됨. CSS를 대신 사용.

Color of text for visited hypertext links.

방문한 적이 있는 하이퍼텍스트 링크의 글자색을 지정한다.

DOM Interface

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 1.0 지원 지원 지원 지원
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원 지원 지원 지원 지원 지원

참고

댓글

댓글 본문
  1. Minkyu Shim
    unload는 로드되지 않을때가 아니라 언로드될때, 그러니까 사용자가 페이지를 떠나서 다른 페이지로 이동할때를 의미합니다. 간단하게 설명하면 페이지가 열릴때 load이고 페이지가 닫힐때가 unload인거죠.
    답글
  2. engfordev
    오옷!! 잘 해주셨습니다~
    몇 가지 코멘트 드릴게요~제가 쓴 것을 반드시 적용해야 하는 게 아니고요, 저도 잘못 이해한 것이 있을 수 있기 때문에, 일단 여기 남겨두고요, 취할 것이 있으시면 적용해서 수정 부탁드려요.
    그 외에 확신이 안 가는 부분은 나중에 기술검토하시는 분들께 조언을 구해서 보완하도록 하고요 ^^
    1. global attributes는 전역속성이라고 표시하시면 되요~
    2. alink - Color of text for hyperlinks when selected.
    하이퍼링크 부분이 선택되었을 때 텍스트를 표시하는 색깔을 의미한다.
    3. onafterprint - HTML5
    Function to call after the user has printed the document.
    사용자가 문서를 출력한 다음에 호출할 함수를 지정해준다.
    (의미는 크게 차이없는 듯 한데, 저 나름대로 표현해 봤어요.)
    4. onbeforeunload - HTML5
    Function to call when the document is about to be unloaded.
    문서가 로드되지 않으려고 할 때 호출할 함수를 지정해준다.
    >>훔.. 저도 궁금하네요. 문서가 로드되지 않으려고 할 때라니.. 그걸 대체 어케 아는 걸까요?? +_+
    5. onerror - HTML5Function to call when the document fails to load properly.
    요기도,
    호출할 함수를 지정한다~ 요렇게 함수를 '호출'한다고 통일해주면 어떨까요? ㅎㅎ
    6. onfocus - HTML5Function to call when the document receives focus.
    문서가 포커스를 얻었을 때 호출될 함수를 지정한다.
    >> 문득.. 일반인을 위해서 포커스를 얻었다는 게 어떤 건지 간단 설명이 있으면 좋겠다는 생각을 해봅니다.
    7. onhashchange - HTML5
    Function to call when the fragment identifier part (starting with the hash (#) character) of the document's current address has changed.
    문서의 현재 주소를 나타내는 fragment identifier(해쉬(#)로 시작되는) 가 변경되었을 때 호출될 함수를 지정한다.(해석을 제대로 했는지 모르겠네요;)
    >> 문서 내의 일부분을 주소로 나타날 때 해쉬(#)로 시작하는 부분주소(??)를 사용한다. 문서의 현재 주소부분에서 #이후 부분이 바뀌었을 때 호출하는 함수를 지정한다.
    >> 훔.. 한 문서 내에서 즐겨찾기 할 때 쓰는 그 주소 얘기하는 것 같은데요, 그걸 뭐라고 불러야 할지 모르겠네요?
    8. onload - HTML5Function to call when the document has finished loading.
    문서를 로드하는것을 끝냈을 때 호출될 함수를 지정한다.
    >> 문서가 다 로드되었을 때 호출할 함수를 지정한다.
    9. onmessage - HTML5Function to call when the document has received a message.
    문서가 메시지를 받았을 때 호출될 함수를 지정한다.
    >> 요건 궁금해서 코멘트 남겨둡니다. 문서가 받는 메세지는 어떤 것일까요?
    10. onpopstate - HTML5Function to call when the user has navigated session history.
    세션 히스토리를 사용자가 확인할 때 호출될 함수를 지정한다.
    >> 요건 저도 잘은 이해를 못하겠네요 ㅎㅎ
    사용자가 세션 히스토리(??)를 열어보았을 때 호출할 함수를 지정한다.
    11. onredo - HTML5Function to call when the user has moved forward in undo transaction history.
    undo 트랜잭션 히스토리안의 "앞으로가기"로 이동하였을 때 불리워질 함수를 지정한다.
    >> 훔.. undo 트랜잭션 히스토리.. 가 어떤 걸까요?'moved forward' 부분은 '이전페이지'로 이동했을 때.. 는 어떨까요? 브라우저 내에서 back 이동한 경우를 의미하는 것 같아서요~
    불리워질 >> 호출할 함수를 지정한다로 통일하면 좋을 듯요 :)
    12. onstorage :
    훔.. storage가 몰까요?
    13. onunload - HTML5Function to call when the document is going away.
    훔.. 요기서 문서가 going away한다는 게 무슨 의미인지 모르겠네요. unload하고 같은 의미일 것 같은데, 문서가 unload된다는 게 무슨 의미일까요?
    14. vlink - Deprecated since HTML4.01 , Obsolete since HTML5; use CSS instead.HTML4.01부터 폐지예정, HTML5부터 폐지됨. CSS를 대신 사용.
    Color of text for visited hypertext links.
    >> 방문한 적이 있는 하이퍼텍스트의 링크의 글자색을 지정한다.
    답글
버전 관리
jsharp
현재 버전
선택 버전
graphittie 자세히 보기