More actions
imported>pkccr1 No edit summary |
(Repair batch-0008 pages from live compare) |
||
| (3 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<!-- MONIWIKI PageList(html5) --> | |||
* [[html5]] | |||
* [[html5/VA]] | |||
* [[html5/canvas]] | |||
* [[html5/communicationAPI]] | |||
* [[html5/drag-and-drop]] | |||
* [[html5/form]] | |||
* [[html5/geolocation]] | |||
* [[html5/offline-web-application]] | |||
* [[html5/others-api]] | |||
* [[html5/outline]] | |||
* [[html5/overview]] | |||
* [[html5/richtext-edit]] | |||
* [[html5/section]] | |||
* [[html5/video&audio]] | |||
* [[html5/web-storage]] | |||
* [[html5/web-workers]] | |||
* [[html5/webSqlDatabase]] | |||
* [[html5/websocket]] | |||
* [[html5/문제점]] | |||
* [[html5practice]] | |||
* [[html5practice/roundRect]] | |||
* [[html5practice/계층형자료구조그리기]] | |||
* [[html5practice/즐겨찾기목록만들기]] | |||
__TOC__ | __TOC__ | ||
= HTMP5에 추가된 API = | |||
* HTML5는 사용자의 편의를 위한 다양한 요소를 제공한다. | * HTML5는 사용자의 편의를 위한 다양한 요소를 제공한다. | ||
| Line 8: | Line 31: | ||
* 다양한 컨텐츠를 캡션할수 있다. | * 다양한 컨텐츠를 캡션할수 있다. | ||
* figcaption을 사용 | * figcaption을 사용 | ||
== embed == | == embed == | ||
* 플러그인을 표현할때 사용한다 동영상 음악등을 통합하여 표현할때 사용한다. | * 플러그인을 표현할때 사용한다 동영상 음악등을 통합하여 표현할때 사용한다. | ||
* embed엘리먼트에는 자식엘리먼트를 사용할 수 없다. 단일하게 embed만으로 종료한다 | * embed엘리먼트에는 자식엘리먼트를 사용할 수 없다. 단일하게 embed만으로 종료한다 | ||
* html5오면서 변화한점은 이전에 비해 embed엘리먼트가 정식등록된점-그전까지는 object 엘리먼트로 대체하도록 | |||
권유되어왔다. 그리고 align엘리먼트역시 css로 대체된 점이다. | |||
== mark == | == mark == | ||
* | * 강조(highlight)를 표현할때 사용된다. 다른 강조의용도의 엘리먼트와 차이점은 여러번 쓰일때 사용하는것 이다. | ||
== time == | == time == | ||
* | * time엘리먼트는 24시간기준의 시간을 표현하거나 그레고리안 달력을 표현 할 때 사용한다. | ||
== ruby/rp == | == ruby/rp == | ||
* | * 루비주석을 다는엘리먼트로 텍스트위에 주석을 달아준다 html5에서 새로 생긴 엘리먼트이다. | ||
* ruby엘리먼트가부모 rt, rp는 그 자식엘리먼트이다. | |||
== details == | == details == | ||
| Line 28: | Line 55: | ||
== iframe == | == iframe == | ||
* | * iframe은 내부에 포함된 콘텐츠를 표시할때 사용한다. | ||
= microdata = | |||
* element에 이름과 값을 설정하여 이를 데이터로 활용할수 있다. | * element에 이름과 값을 설정하여 이를 데이터로 활용할수 있다. | ||
* http://blog.naver.com/zimny327?Redirect=Log&logNo=90092307426 | * http://blog.naver.com/zimny327?Redirect=Log&logNo=90092307426 | ||
* http://www.w3.org/TR/html5/microdata.html | * http://www.w3.org/TR/html5/microdata.html | ||
= DOM&API = | |||
* DOM 조작을 편리하게 해주는 메서드 | * DOM 조작을 편리하게 해주는 메서드 | ||
* http://cafe.naver.com/tonkjsp.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=1727 | * http://cafe.naver.com/tonkjsp.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=1727 | ||
= 참조 = | |||
* http://www.quackit.com/html_5/tags/ | * http://www.quackit.com/html_5/tags/ | ||
* http://siana.tistory.com/ | |||
Latest revision as of 01:40, 27 March 2026
- html5
- html5/VA
- html5/canvas
- html5/communicationAPI
- html5/drag-and-drop
- html5/form
- html5/geolocation
- html5/offline-web-application
- html5/others-api
- html5/outline
- html5/overview
- html5/richtext-edit
- html5/section
- html5/video&audio
- html5/web-storage
- html5/web-workers
- html5/webSqlDatabase
- html5/websocket
- html5/문제점
- html5practice
- html5practice/roundRect
- html5practice/계층형자료구조그리기
- html5practice/즐겨찾기목록만들기
HTMP5에 추가된 API
- HTML5는 사용자의 편의를 위한 다양한 요소를 제공한다.
figure
- 다양한 컨텐츠를 캡션할수 있다.
- figcaption을 사용
embed
- 플러그인을 표현할때 사용한다 동영상 음악등을 통합하여 표현할때 사용한다.
- embed엘리먼트에는 자식엘리먼트를 사용할 수 없다. 단일하게 embed만으로 종료한다
- html5오면서 변화한점은 이전에 비해 embed엘리먼트가 정식등록된점-그전까지는 object 엘리먼트로 대체하도록
권유되어왔다. 그리고 align엘리먼트역시 css로 대체된 점이다.
mark
- 강조(highlight)를 표현할때 사용된다. 다른 강조의용도의 엘리먼트와 차이점은 여러번 쓰일때 사용하는것 이다.
time
- time엘리먼트는 24시간기준의 시간을 표현하거나 그레고리안 달력을 표현 할 때 사용한다.
ruby/rp
- 루비주석을 다는엘리먼트로 텍스트위에 주석을 달아준다 html5에서 새로 생긴 엘리먼트이다.
- ruby엘리먼트가부모 rt, rp는 그 자식엘리먼트이다.
details
- 열고 닫을수 있는 목록표를 제공한다.
iframe
- iframe은 내부에 포함된 콘텐츠를 표시할때 사용한다.
microdata
- element에 이름과 값을 설정하여 이를 데이터로 활용할수 있다.
- http://blog.naver.com/zimny327?Redirect=Log&logNo=90092307426
- http://www.w3.org/TR/html5/microdata.html
DOM&API
- DOM 조작을 편리하게 해주는 메서드
- http://cafe.naver.com/tonkjsp.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=1727