분류명: 닫히는 태그의 생략
태그의 성격에 따라서 닫히는 태그를 생략하는 경우와 생략하면 안되는 경우가 있다. 이를테면 링크를 표현하는 a태그의 경우 <a href="http://opentutorials.org">생활코딩</a> 와 같이 </a> 닫히는 태그가 있어야 한다. 반면에 줄바꿈을 표현하는 br 태그의 경우 <br />와 같이 닫히는 태그가 없다. 자식 컨텐트를 가질 수 없는 태그들은 닫히는 태그를 사용하지 않는다. 위의 br 태그와 같이 <태그명 /> 의 형식을 갖는다.
생략가능
생략불가
- abbr - 번역샘플
- article
- blockquote
- cite
- code
- details
- dfn
- figcaption
- figure
- font
- form
- head
- ins
- keygen
- label
- legend
- map
- mark
- ol
- small
분류명: 부모 엘리먼트
부모 엘리먼트로 올 수 있는 엘리먼트
colgroup
dl
fieldset
figure
flow
head
html
phrasing
- abbr - 번역샘플
- audio
- b
- bdi
- bdo
- br
- button - 번역누락
- canvas
- cite
- code
- command
- data
- datalist
- del
- dfn
- em
- embed
- kbd
- map
table
분류명: 브라우저 호환성
firefox
Internet explore(최신버전)
opera
webkt(사파리,크롬)
분류명: 엘리먼트의 종류
HTML 엘리먼트는 아래와 같은 모습으로 분류할 수 있다. 각각의 요소는 다양한 분류에 속할 수 있고, 어떠한 분류에도 속하지 않는 것도 있다.
-
metadata (메타데이터)
메타의 일반적인 의미는 데이터를 설명하는 데이터라는 의미다. HTML에서 메타데이터란 엘리먼트가 감싸고 있는 데이터의 성격을 정의(noscript, script, style)하거나, 문서를 설명하는(title, meta) 역활을 하는 엘리먼트들을 의미한다.
-
flow content (플로우 컨텐츠)
body 엘리먼트 하위에서 사용되는 엘리먼트들이나, 응용프로그램에서 사용되는 엘리먼트들은 대부분 플로우 컨텐츠로 분류된다. flow content는 그 자식으로 문자나, 포함된 컨텐츠를 자식으라 가져야 한다. 포함된 컨턴츠란 img와 같이 외부의 자원을 문서에 삽입할 때 사용하는 엘리먼트들을 의미한다.(audio, canvas, embed, iframe등)
-
sectioning content (섹션 컨텐츠)
기능이나 의미에 따라서 구간을 구분짓는다. 예를들면 nav 엘리먼트는 문서 안에서 네비게이션에서 사용되는 엘리먼트들을 감싸서 네비게이션 영역을 분류할 수 있다.
-
Heading content (제목 컨텐츠)
제목을 표현할 때 사용하는 엘리먼트.(h1~h6, hgroup)
-
Phrasing content (구문 컨텐츠)
문자나 구문을 표시하는 엘리먼트. 구문 컨텐츠가 모여서 문단(paragraphs)를 만든다.
-
Embedded content (포함된 컨텐츠)
다른 자원을 문서에 삽입하는 엘리먼트를 의미한다. 이를테면 iframe은 웹페이지라는 자원을 현재 문서 안에 삽입할 수 있게 해준다.
-
Interactive content (대화형 컨텐츠)
사용자와 상호작용하기 위한 엘리먼트. a, input, button 과 같은 것들이 있다.
embeded
Flow
- abbr - 번역샘플
- acronym
- article
- aside
- audio
- b
- bdi
- bdo
- blockquote
- br
- button - 번역누락
- canvas
- cite
- code
- command
- data
- datalist
- del
- details
- dfn
- div
- em
- embed
- fieldset
- figure
- header
- input
- kbd
- map
form-associated
Interactive
labelable
listed
Metadata
none
Palpable
Phrasing
- abbr - 번역샘플
- area
- audio
- b
- bdi
- bdo
- br
- button - 번역누락
- canvas
- cite
- code
- command
- data
- datalist
- del
- dfn
- em
- embed
- input
- kbd
- map
- small
Root
Sectioning
submittable
분류명: 자식 엘리먼트
자식으로 올 수 있는 엘리먼트
col
content
empty
figcaption
flow
- acronym
- article
- aside
- blockquote
- body
- caption
- dd
- details
- div
- dt - 번역누락
- fieldset
- figcaption
- figure
- header