HTML5 엘리먼트 element 및 display특성. inline vs block

조사하고 한 다섯시간 걸린 것 같네요... ㅠㅠ 흐엉

구글닥스 링크 : https://docs.google.com/spreadsheets/d/1pGvXW28pQMN1xagkqtyQCNCJ-2cEV_U0nZf0CE7fkHs/edit#gid=0

혹시 잘못된것 있으면 댓글로 알려주시면 감사드립니다. 

순서는 w3c 문서에서 나온순서대로 작성하였습니다. 

	display :
html	-	문서의 root element. head와 body로 구성된다.
head	block	html 의 첫번째 element. 보통 문서의 헤더정보를 담는다. title, meta, base 등의 태그를 포함.
title	-	문서의 제목이나 이름을 나타낸다. 히스토리나, 북마크에 표시된다.
base	-	문서의 base URL 정보를 담는다.
link	-	문서에 필요한 소스를 연결해줄때 사용한다. 보통 css나 javascript정보를 불러올때 사용.
meta	-	data에 관련한 정보를 담은 metadata를 나타내기 위한 태그 , 그중에 title, base, link, style, script에 담지 못하는 정보를 표현한다.
style	-	이 문서의 스타일 정보를 담는데 사용한다.
body	block	문서의 콘텐츠를 표시하는데 사용함.
article	block	문서나, 어플리케이션, 사이트 처럼 하나의 완전한 구성요소를 의미함. 포럼의 포스트나, 뉴스의 기사나, 블로그 엔트리, 위젯, 가젯 등을 표시할때 사용.
section	block	일반적인 구역을 설정할때 사용. 같은 주제의 내용을 표시함.
nav	inline	네비게이션 링크로 구성된 섹션. 다른 페이지로 연결할때 사용. navigation
aside	block	연관된 곁가지 부분 표현할때 사용함. 사이드바, 광고, nav모음 등등에 사용
h1~h6	block	제목을 나타낼때 사용
header	block	바로 위의 조상 섹션콘텐츠나 root를 소개하는 역할을 한다.
footer	block	바로위의 조상 섹션콘텐츠나 루트의 꼬리말을 표기한다.
address	inline	저자의 연락방법
p	block	paragraph 문단
hr	block	문단레벨에서 주제가 끊어짐을 나타낸다. 선 넣음
pre	block	서식이 만들어지기 전의 텍스트를 나타낸다. preformatted text
blockquote	block	다른 소스에서 인용을 할때 사용한다. 주로 긴 인용문
ol	block	정렬된 목록을 나타낼때 사용된다. ordered list
ul	block	순서가 별로 중요하지 않은 목록 - unordered list
li	block	list. 목록을 나타냄. 부모가 ol, ul이면 그것으로 정의됨
dl	block	definition list , description list. 이름을 가진 값 들의 목록
dt	block	dl에서 이름을 담당
dd	block	dl에서 값을 담당
figure	block	그림이나 사진을 표시할때
figcaption	block	figure의 캡션을 담당
div	block	division. 자식들을 모아주는 역할.
main	-	메인 콘텐츠를 보여줄때 사용
a	inline	다른 곳으로 연결해주는 링크에 사용. anchor
em	inline	emphasis, 강조의 의미
strong	inline	중요한것을 강조할 때 사용
small	inline	주석처럼 작게 표현할 때 사용
s		strike. 글에 가운데줄 그을때 사용
cite	inline	인용. 출처 표기용
q	inline	짧은 인용부호 태그. quote
dfn	inline	define. 용어의 정의를 표현할때 사용
abbr	inline	abbraviation 약자를 나타낼때.
data		기계가 인식가능한 가치
time	inline	시간 나타내기
code	inline	컴퓨터 소스코드
var	inline	variable 변수
samp	inline	sample. 프로그램의 출력물 표기할떄 사용
kbd	inline	keyboard input. 유저 인풋을 나타냄
sub & sup	inline	아래첨자 위첨자. subscript, superscript
i	inline	italic, 기울임. 소리나 기분을 대체해서 표현
b	inline	bold, 중요성을 전달하거나 주의를 기울이게 할 때 사용
u	inline	underline
mark	inline	하나의 문서 안에서 출처처럼 다른 의미를 명확히 할 때 사용
ruby	inline	루비 표기법을 이용해 표기할때 사용
rb	inline	루비표기법에서 베이스를 표기
rt	inline	루비 표기법에서 루비를 표기
rtc	inline	ruby text contaner
rp	inline	ruby parentheses 루비표기법이 안될때 괄호를 표기
bdi	block	양방향 정렬. bidirection
bdo	inline	정렬방향을 바꾸는데 사용
span	inline	특별한 의미없이 한 줄 안에 텍스트 담을 때 사용
br	inline	break. 줄바꿈
wbr	inline	word break opportunity. 줄바꿈 이 필요할때 바꿈
ins	block or inline	inserted. 삽입된 텍스트
del	block or inline	deleted 삭제된 텍스트
img	inline	image. 이미지 표현
iframe	block	inline frame. 다른 웹페이지를 포함할때
embed	block	다른 요소들을 퍼올때
object	block	가져와진 다른 객체
param	-	parameter. 다른 객체를 가져올때 매개변수
video	block	비디오
audio	block	오디오
source	-	미디어의 소스
track	-	미디어의 보조적인 텍스트(예 :자막파일)
map	inline	지도
area	-	이미지나 지도의 특정 영역을 표시
table	block	도표.
caption	inline	도표의 제목
colgroup	-	col의 그룹
col	-	table태그 내에서 열을 담당
tbody	-	table body 테이블의 본문
thead	-	table head 테이블의 헤더
tfoot	-	table foot 테이블의 꼬리말
tr	-	table row 테이블의 행
td	-	table data 테이블의 각각의 셀
th	-	table header cell 테이블의 헤더셀
form	block	HTML의 서버와 인터랙티브 컨트롤을 담음
label	inline	form의 설명
input	inline	인터랙티브 컨트롤러
button	inline	누를수 있는 버튼
select	inline	선택
datalist	block	input 의 목록
optgroup	-	optiongroup. select 문에서 option들의 그룹
option	inline	select문에서 선택지
textarea	block	여러줄에 걸친 text input
keygen	inline	generates key. 암호화된 키 생성
output	inline	계산의 결과
progress	inline	진행정도
meter	inline	범위나 분율을 나타냄
fieldset	block	set of form feild. form요소 묶은것
legend	inline	feildset 이름
script	inline	클라이언트 측 스크립트
noscript	block	스크립트 안되면 나옴
template	-	스크립트에 의해 선언되는 부분
canvas	inline	그래픽 그릴수 있는 영역
applet	-	자바특화된 embed
marquee	-	움직이는 콘텐츠