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

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

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

이미지가 클수록 로딩 시간이 느려지고 사이트가 화면에 표시되는 데 시간이 오래 걸립니다. 대부분의 웹 방문자는 웹 사이트를 방문하기 위해 인내심을 가지고 있지 않습니다. 이는 사이트 트래픽에 악영향을 미칩니다.

HTML 인라인 이미지는 표시 될 웹 사이트의 서버에서 제공되거나 다른 외부 서버에서 포함됩니다. 외부 소스에서 인라인 이미지를 사용하는 것은 허가없이 수행 될 수 있으므로 경합의 문제입니다. img 태그는 웹 페이지의 단락 및 표제에 인라인 이미지를 삽입하는 데 사용됩니다. img 태그는 자유 부동 형식으로 사용할 수 없습니다. 다른 요소 안에 넣어야합니다.

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

alt 속성은 인라인 이미지 텍스트 대안을 제공합니다. 따라서 뷰어의 브라우저가 그래픽을 지원하지 않는 경우 이미지 대신 텍스트를 보게됩니다. alt 속성을 사용하는 것이 좋습니다.

대체 속성 값은 빈 문자열 일 수 있습니다. 예를 들어 장식용 이미지가있는 경우 대체 텍스트를 제공 할 필요는 없습니다. 따라서 alt 속성 값을 비워 둘 수 있습니다.

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

ismap 속성을 사용하면 인라인 이미지를 활성 이미지 맵으로 표시 할 수 있습니다. 즉, 다른 부분을 클릭 할 때마다 이미지의 다른 부분을 만들어 다른 작업을 수행 할 수 있습니다. 예를 들어, 지구와 토성을 보여주는 인라인 이미지가있는 경우 지구를 클릭하면 지구에 대한 정보를 얻을 수 있고 토성을 클릭하면 토성에 대한 정보를 얻을 수 있습니다.

alt 및 align 속성과 달리 ismap 속성은 img 태그에 포함시키기 만하면 작동하지 않습니다. 서버에서 일부 구성이 필요합니다. 어느 정도의 프로그래밍 지식이 필요할 수도 있습니다.