[HTML5] 4. 수정/교정/삽입 요소

수정 관련 요소

<ins>

• 삽입한 텍스트를 나타내어 컨텐츠가 문서에 추가 되었음을 표시

<p>html5에서는 처음 datagrid요소를 규정 하였으나, 삭제하였다.</p>

<p><ins>나중에는 dialog 요소 또한 사양에서 삭제 되었습니다.</ins></p>

교정 관련 요소

<del>

• 교정

<p>html5에서는 처음에 <del>dategrid</del> 요소를 규정하였다가 삭제하게 됩니다</p>

삽입 관련 요소

<img>, <iframe>

<embed>

• 플러그인 이용시 사용
• 오래된 브라우저에서는 동작하지 않는 문제점
• src - 컨텐츠의 url 지정
• type - html 문서에 삽입할 컨텐츠 mine 타입 지정
• width/height - 너비와 높이 픽셀단위 지정

<embed src="파일명/url" width="가로크기" height="세로크기" type="application/x-shokwave-flash"></embed>

<video>, <audio>

• 동영상 재생시 사용
• src - 동영상 url 지정
• poster - 동영상이 재생 가능한 상태가 될 때까지 표시하고 싶은 이미지
• preload - 동영상 데이터를 미리 다운로드 할 것인지 아닌지에 대한 기준을 브라우저에 알려주는 속성 
• none : 동영상이 재생 될 때까지 아무것도 다운로드 하지 않음
• metadata : 동영상 크기트랙리스트 재생시간 등만 다운
• auto : 동영상 전체를 다운
• autoplay - 자동재생
• loop - 반복재생
• controls - 동영상 재생, 정지와 같은 컨트롤 표시
• autoboffer - 브라우저에서 사용자에게 의해 해당 동영상이 마지막까지 재생될 것이라는 것을 알려줌, 단 autoplay 지정시 효과 없음

<video src="동영상파일명" autoplay controls></video>

<audio src="오디오파일명" autoplay controls></audio>

<source>

• 여러개의 재생파일을 지정

<video controls>

<source src="파일명" type="video/webm">

<source src="파일명" type="video/mp4">

<source src="파일명" type="video/ogg">

</video>

<canvas>