Nickoo's Blog

이번시간에는 이미지에 대해 배워보겠습니다.

이미지는 <img> 요소로 'src'라는 이미지 파일의 경로와 'alt'라는 대체 텍스트를 작성하는 속성이 있습니다.

아래 코드를 보시면 그림에 Company info라는 대체 텍스트가 있습니다.

실행을 시켜보면 다음과 같이 나옵니다.

(저는 사당역 근처에 있기 때문에 사당역을 표시했습니다)

파일 다운받기 : html5_5_1.html

다음으로는 지난 시간에 배운 앵커를 접목해보면 아래와 같습니다.

테두리가 있는데 이미지 파일에 링크를 해준거고 #은 현재 페이지에 있어라 라는 뜻이예요~

좀 더 복잡한 구조로 상세한 설명이 필요한 것은 'longdesc' 속성으로 사용하는데 현재 브라우저들이 지원을 제대로 해주지 않기 때문에 생략하겠습니다.

문서 내에서 다른 문서를 불러들이는 방법인 아이프레임에 대해 알아보겠습니다~

NPAPI는 ‘넷스케이프 플러그인 API’의 약자로 사파리, 오페라, 크롬, 파이어폭스 등 주요 PC용 브라우저에서 플러그인 프로그램 기능을 설치, 실행할 수 있게 해주는 기술입니다.

하지만 구글에서는 2012년에 2015년 9월부터 chrome (버전 42)에서 지원을 하지 않는다고 선언하였습니다.

대표적인 것으로는 액티브X, VB 스크립트,
마이크로소프트 : 실버라이트
어도비 : 플래시, PDF 뷰어
오라클(썬) : 자바
이며, 공인 인증을 통한 오픈뱅킹시스템에 문제가 생길 수 있다고 합니다.

NPAPI 플러그인 퇴출하는 목적 :

① 사용자 보안과 시스템 안정성에 해로운 낡은 기술을 퇴출
② 웹 표준 지원을 강화 

참고 URL : http://koreahtml5.kr/jsp/supportCenter/activeXResearchCur.jsp


PS :
일시적으로 NPAPI플러그인 사용하는 방법
Chrome 버전 45가 출시될 때까지 사용할 수 있는 임시 해결방법

1. chrome을 엽니다.

2. 2. 화면 상단의 검색주소창에 chrome://flags/#enable-npapi라고 입력합니다.

3. 표시되는 창에서 NPAPI사용 항목에 있는 사용이라는 링크를 클릭합니다.

4. 페이지 왼쪽 하단에 있는 지금 다시 시작 버튼을 클릭합니다.