HTML 내부에 PDF 내용 출력

embed

구 버전 HTML에서는 embed 태그에 pluginpage라는 속성이 있어서 적절한 플러그인이 설치되어 있지 않은 경우 해당 플러그인을 설치할 수 있는 페이지로 연결 시켜 줬었는데, HTML5에서는 이 속성이 사라졌기 때문에 사용 안하는 게 좋다.

 

iframe

• iframe은 HTML 4.01부터 모든 브라우저에서 지원한다.
• object 태그와 달리 사용자 환경설정에 맞춰 역동적으로 반응하고 삽입된 객체도 실시간으로 업데이트된다.
• 대체 텍스트가 가능하다고 적힌 17년에 작성된 블로그를 보긴 했는데, 직접 테스트 했을때는 작동이 안됐음
• 웹접근성? 이런거 때문에 사용하지 말라고 들었었는데 이건 좀더 확인해봐야 할 것 같음

 

태그 사용

<iframe src="http://md.egloos.com/file/pdf_sample.pdf" style="width:100%; height:500px;">
	<p>대체 텍스트 출력</p>
</iframe>

 

object

• iframe 태그를 사용할 수 없는 상황에서 쓰이는 퇴화 태그라고 불린다
• iframe 태그와는 다르게 설정을 업데이트 해도 반영되지 않는다
• 여러 속성중 data와 type중 한 속성은 반드시 지정 되어야 한다.
• 대체 텍스트 사용이 가능

 

태그 사용

<object data="http://md.egloos.com/file/pdf_sample.pdf" width="100%" height="100%">
    <p>대체 텍스트 출력</p>
</object>

 

브라우저별 작동 테스트

iframe

크롬	IE	파이어폭스	오페라	사파리
O	O	O	O	출력 X (다운로드창 열림)

 

object

크롬	IE	파이어폭스	오페라	사파리
O	O	O	O	X