HTML iframe, video, caniuse.com

jsleeg98·2020년 5월 14일
0

HTML

목록 보기
10/11

iframe 태그

  • 외부의 컨텐츠를 가져올 때 사용한다.
  • 신뢰할 수 있는 사이트에서는 괜찮지만 출처가 불분명한 것은 보안에 취약하기 때문에 사용을 지양한다.
  • 악성 코드들이 내 웹에서 실행 될 수 있기 때문이다.

iframe 예시와 간단한 보안

<iframe src = "iframe-source.html" frameborder = "0" sandbox>
</iframe>
  • sandbox 속성을 이용하면 가져온 콘텐츠 내의 javascript 코드나 form 태그로 동작하지 않는다. 따라서 혹시 모를 악성코드에 보안을 할 수 있다.

video 태그

image를 사용하는 태그는 img 태그로 정해졌었지만 비디오 삽입은 표준화되어있지 않았다. HTML 5에서 video 삽입에 대한 표준화가 되어 video 태그가 만들어졌다.

video 예시

<video width="400" controls>
	<source src = "videos/small.mp4">
    <source src = "videos/small.ogv">
</video>    
  • video 태그 안에 source를 여러개 쓰는 이유는 브라우저마다 지원하는 동영상 코덱이 다 다르기 때문에 어떤 브라우저에서는 mp4를 재생할 수 있고 어떤 브라우저에서는 ogv를 재생할 수 있다. 그렇기 때문에 그 중 브라우저가 실행할 수 있는 것을 선택하여 사용하라고 여러 source를 써준다.
  • chrome에서는 mp4 지원
  • firefox에서는 ogv 지원

caniuse.com

비디오 태그처럼 HTML5에서 새롭게 생긴 태그들도 있고 반대로 더이상 사용되지 않는 태그도 있다 이를 알기 위한 사이트이며 여기서 검색해서 어느정도 범위의 브라우저를 포용할 수 있는지를 알 수 있다.

caniuse.com

0개의 댓글