DOM 스크립트 소스-소스 코드 예제

분류없음 2015.02.22 17:17

DOM 스크립트-소스 코드 예제



에이콘풀판사 DOM 스크립트 요약본
http://channy.creation.net/project/domscripting/

  1. 간단히 살펴보는 자바스크립트 역사

  2. 자바 스크립트 문법 익히기

  3. 문서 객체 모델(DOM)이란?

    • Test: alert title 속성
  4. 자바스크립트로 만드는 온라인 사진첩

  5. 꼭 알아야 할 핵심 기본기

    • Example: 스크립트 분리로 팝업 창 만들기
  6. 사진첩 기능 개선하기

  7. 실행시에 마크업 코드 생성하기

    • Test: document.write inline
    • Test: document.write external
    • Test: alert innerHTML
    • Test: innerHTML 업데이트
    • Test: alert node info
    • Test: createElement
    • Test: createTextNode
    • Test: appendChild
    • Test: documentFragments
    • Test: documentFragments
  8. 의미가 살도록 컨텐츠 개선하기

  9. CSS와 DOM 연동하기

    • Example: 변경 CSS alert 보기
    • Itinerary: 테이블 띠무늬 만들기
    • Story: 첫 단락 스타일 입히기
  10. 애니메이션 슬라이드쇼 만들기

  11. 총정리편 (더블트랙 웹사이트)

  12. DOM 스크립트의 미래


저작자 표시
신고

설정

트랙백

댓글

HTML5 콘텐트 모델

웹표준/HTML5 훑어보기 2015.02.21 18:22

HTML5 콘텐트 모델

HTML5의  각  요소들은  특성에  따라  분류된다.  한요소가  어떤  분류에도 속하지 않을 수도 있고 여러 분류에 속해있을 수도 있다. 분류는 아래 이미지와 같이 분포하고 있다.(이미지는 원본에서 확인가능하며 표로 정리된 것만을 발췌하였습니다.)


분류

특성

엘리먼트 

메타데이타 콘텐트

(metadata content)

콘텐츠의  모양,  동작을  설정하거나  다른  문서와의  관계를 나타낸다.

 base, command, link, meta, nocript, script, style, title

플로우 콘텐트

(flow content)

대부분의 body 요소 안의 요소들이 포함된다. 플로우 콘텐트는 하위에 텍스트나 임베디드 콘텐트를 포함한다.

a, abbr, address, map>area, article, aside, audio, b, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div, dl, em, embed, fieldset, figure, footer, form, h1~h6, header, hgroup, hr, i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, menu, meter, nav, noscript, object, ol, output, p, pre, progress, q, ruby, samp, script, section, select, small, span, strong, style[scoped], sub, sup, svg, table, textarea, time, ul, var, video, wbr

섹셔닝 콘텐트

(sectioning content)

header와 footer의 범위를 결정하는 요소이다. 모든 섹셔닝 콘텐트는 헤딩과 아웃라인을 가지고 있다.

article, aside, nav, section 

헤딩 콘텐트

(heading content)

섹선의 헤더를 의미한다.

h1, h2, h3, h4, h5, h6, hgroup

프레이징 콘텐트

(phrasing content)

문서의 텍스트를 의미한다. 프레이징 콘텐트는 하위에 텍스트나 임베디드 콘텐트를 포함한다.

a, abbr, map>area, audio, b, bdo, br, button, canvas, cite, code, command, datalist, del, dfn, em, embed, i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, meter, noscript, object, output, progress, q, ruby, samp, script, select, small, span, strong, sub, sup, svg, textarea, time, var, video, wbr

임베디드 콘텐트

(embedded content)

이미지, 비디오, 플래시 등 외부 콘텐트를 문서 내에 표현한다.

audio, canvas, embed, iframe, img, math, object, svg, video

인터랙티브 콘텐트

(interactive content)

사용자와 상호작용하는 요소들이다.

a, audio[controls], button, details, embed, iframe, img[usemap], input, keygen, label, menu, object[usemap], select, textarea, video[controls]

트랜스패런트 콘텐트

(transparent content)

부모 요소의 콘텐트에 따라 포함하는 콘텐트의 분류가 바뀌는 요소를 말한다.

 


저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바