또하나의 세상

안녕하십니까? 이번엔 Drag & Drop API 에 대해서 살펴보려합니다. 가끔 우리는 사진, 파일 같은 항목들을 Drag & Drop 할 수 있도록 만든 사이트들을 보셨을 겁니다. Gmail 에서 보셨을텐데요... HTML 5 적용하기 이전에도 구현이 되어있었죠... 이전에 구현되어있던 Gmail 의 Drag & Drop 은 mouseDown, mouseOv..

Canvas Element 는 HTML 5 에서 가장? 많이 주목받고 있는 새롭게 추가된 element 들 중 하나입니다. 요 녀석때문에 세간에 말이 많죠... 특히나 개발자들한테요... 실버라이트나 플래쉬는 이제 죽는거냐? "Microsoft 는 이제 Silverlight 를 어떻게 할거냐?" (뭐 이런주제가 Canvas 때문만은 아니겠지만요... ..

Audio Element 도 HTML 5 에서 관심이 주목되고 있는 새롭게 추가된 element 들 중 하나죠. Audio Element 도 video Element 와 그 사용법은 다르지 않습니다. 큰 차이점이라면... Poster 속성이 없다는 것!!! 입니다. 그럼 기본적인 사용방법을 살펴보겠습니다. <audio src="http://www.w3schools.com/html5/horse.ogg">&lt..

Video Element 는 HTML 5 에서 관심이 주목되고 있는 새롭게 추가된 element 들 중 하나입니다. 지금까지 웹페이지에 동영상을 삽입하고 싶을때는 object Element 나 Embed Element 를 사용하여 Flash, media player 와 같은 플러그인을 이용하여야 했습니다. 그러나, 이제 HTML 5 에서는 플러그인없이도 동영상을..

이번엔 사용자들이 쉽게 웹페이지를 편집할 수 있게하는 Editing API 에 대해서 살펴보도록 하겠습니다. 기존엔 웹페이지에 Editor 를 구현하기위해서 각 업체별로, 개발자별로 Javascript 를 사용하여 각자의 방법으로 개발하였습니다. 하지만, HTML 5 에서부터는 Rich Text 를 편집하기위한 API 가 ..

1. input Element 의 새로운 Type web form 은 10년이 넘도록 checkbox, radio, password, select, file, submit, text 와 같은 몇개의 입력타입만 가지고 있었습니다. 많은 이들이 그동안 javascript 와 씨름하느라 몸고생, 맘고생 많이들 하셨으리라... ^^ 이젠 새롭게 몇가지?의 Type 이 추가되었습니다. 1-1. datetime, week..

2-3. article Element article Element 는 블로그에 포스트된 글들, 뉴스사이트의 기사들의 묶음 같은 독립된 하나의 컨텐츠를 나타내며, 게시판 글이나 블로그 포스트의 댓글들, 위젯, 가젯영역 또한 article Element 의 영역이라 할 수 있겠다. 아래 그림을 참고하자. 각 포스트들은 Section 으로 나뉘고 S..

이번 주제는 Sementic Element 이다. HTML 4 vs HTML 5 (1), (2) 주제의Contents Model 과 Language 에서 언급되었던 이야기를 조금 더 자세히, 특히 아웃라인인과 과 관련된 엘리먼트를 좀 더 살펴보려고 한다. 아래 내용들은 본인의 생각도 물론 많이? 포함되어 있지만 http://www.w3.org/TR/2011/WD-html5-20110525/ 웹..

HTML4 vs HTML5 마치 K1 에서 둘이 싸워야할 듯... ^^; 이번엔 두 버전 간의 차이점을 살펴보려 한다. W3C 친절하게도? 두 버전간의 차이점에 대한 문서를 오픈해 놓았다. http://www.w3.org/TR/2010/WD-html5-diff-20100304/ 인데... "친절하게도" 라고 쓴 이유는 HTML 4 인 경우 HTML 에 대한 GuideLine 아주 간단히 제..

[HTML5 동영상 강좌] 2. HTML4 vs HTML5 (1) [펌 http://www.sqler.com/415164] HTML 4 Vs HTML 5 둘의 차이점을 알기위해서 반드시 먼저 짚고 넘어가야할 주제가 있다. 그것은... 바로 Contents Model 이다. HTML 5 이전의 HTML 문서는 <div>, <p>, <h1>, <h2>... Tag 와 같은 Block Level Element 와 <img>, <input&g..