인라인 이미지는 무엇입니까?

인라인 이미지는 시각적 호소를 추가하거나 정보를 제공하거나 하이퍼 링크를 나타 내기 위해 웹 페이지에 삽입되는 그래픽 이미지입니다. 인라인 이미지는 일반적으로 GIF, JPEG 또는 PNG 형식입니다. 데이터 URI 체계를 사용하여 웹 페이지에 통합됩니다.

데이터 URI는 브라우저에서 즉시 검색 할 수있는 소형 데이터를 포함시킬 수 있습니다. 인라인 이미지는 HTML과 함께 브라우저에서 검색하고 웹 문서의 일부로 표시됩니다. 브라우저가 너무 많은 시간과 문제없이 이미지를 검색하고 표시 할 수 있으려면 소규모 인라인 이미지를 사용하는 것이 좋습니다.

더 큰 이미지는 로딩 시간이 느려지고 사이트가 화면에 나타나는 데 시간이 오래 걸립니다. 대부분의 웹 방문자는 인내심이 없습니다. 이는 사이트 트래픽에 부정적인 영향을 미칩니다.

HTML 인라인 이미지는 웹 사이트의 서버에서 표시되거나 다른 외부 서버에서 포함됩니다.외부 소스의 인라인 이미지를 사용하는 것은 허가없이 수행 할 수 있으므로 경합의 문제입니다. IMG 태그는 웹 페이지의 인라인 이미지를 단락 및 제목에 삽입하는 데 사용됩니다. IMG 태그는 프리 플로팅 양식으로 사용할 수 없습니다. 다른 요소 내부에 둘러싸여 있어야합니다.

IMG 태그의 필수 속성은 SRC 속성입니다. SRC 속성은 브라우저가 이미지 파일을 검색 할 수있는 웹 주소 또는 URL을 지정합니다. SRC 속성 외에도 HTML 인라인 이미지는 세 가지 선택적 속성으로 정의 할 수 있습니다. 이것들은 Alt, Align 및 ISMAP입니다.

ALT 속성은 인라인 이미지 텍스트 대안을 제공합니다. 따라서 뷰어의 브라우저가 그래픽을 지원하지 않는 경우 뷰어는 이미지 대신 텍스트를 볼 수 있습니다. ALT 속성 사용이 적극 권장됩니다.

alt 속성 값은 빈 문자열 일 수 있습니다. 예를 들어, decorativ가있는 경우E 이미지, 대체 텍스트를 제공하는 것은 필요하지 않습니다. 따라서 ALT 속성 값은 비워 둘 수 있습니다.

인라인 이미지 스타일은 정렬 속성으로 설정할 수 있습니다. Align 속성은 웹 페이지의 텍스트와 관련하여 인라인 이미지가 나타나야하는 브라우저에 알려줍니다. 인라인 이미지는 웹 페이지의 인접한 텍스트의 상단, 중간 또는 하단과 정렬 될 수 있습니다.

ISMAP 속성을 사용하면 인라인 이미지를 활성 이미지 맵으로 표시 할 수 있습니다. 이것은 누군가가 다른 부분을 클릭 할 때마다 다른 동작을 생성하기 위해 이미지의 다른 부분을 만들 수 있음을 의미합니다. 예를 들어, 지구와 토성을 보여주는 인라인 이미지가있는 경우 지구를 클릭하면 지구에 대한 정보로 이어질 수 있으며 토성을 클릭하면 토성에 대한 정보로 이어질 수 있습니다.

ALT 및 ALDIGN 속성과 달리 ISMAP 속성은 IMG 태그에 단순한 포함에 의해 작동하지 않습니다. 서버에서 일부 구성이 필요합니다. 어느 정도의 프로그래밍이 알고 있습니다DGE도 필요할 수 있습니다.