html/css 독학하기

코스 전체목록

닫기

'html사전'의 분류

분류명: 닫히는 태그의 생략

태그의 성격에 따라서 닫히는 태그를 생략하는 경우와 생략하면 안되는 경우가 있다. 이를테면 링크를 표현하는 a태그의 경우 <a href="http://opentutorials.org">생활코딩</a> 와 같이 </a> 닫히는 태그가 있어야 한다. 반면에 줄바꿈을 표현하는 br 태그의 경우 <br />와 같이 닫히는 태그가 없다. 자식 컨텐트를 가질 수 없는 태그들은 닫히는 태그를 사용하지 않는다. 위의 br 태그와 같이 <태그명 /> 의 형식을 갖는다.

생략가능

생략불가

분류명: 부모 엘리먼트

부모 엘리먼트로 올 수 있는 엘리먼트

colgroup

dl

fieldset

figure

flow

head

html

phrasing

table

분류명: 브라우저 호환성

firefox

Internet explore(최신버전)

opera

webkt(사파리,크롬)

분류명: 엘리먼트의 종류

htmlcategory

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

form-associated

Interactive

labelable

listed

Metadata

none

Palpable

Phrasing

Root

Sectioning

submittable

분류명: 자식 엘리먼트

자식으로 올 수 있는 엘리먼트

col

content

empty

figcaption

flow

legend

metadata

phrasing

source

summary

tr

transparent

graphittie 자세히 보기