이미지를 만들었다 고 가정 해 봅시다. 당신은 할 수 :왜 이미지 크기를 HTML 코드에 넣어야합니까?
<img src="_images/stackoverflow.jpg" width="300" height="300" alt="Stack Overflow">
는 현실을 지정하는 어떤 이유가 (300)의 폭 (300)의 높이에 해당 이미지의 기본값을 가정 해 봅시다, 또는 당신은 단지 해당 필드를 비워 둬야?
사이드 질문 : alt 명령은 필수입니까?
HTML 태그에서 width 및 height 속성을 선언하면 이미지 크기가 너무 커서 전체 웹 페이지에 맞을 경우 표시 할 이미지의 크기를 제어 할 수 있습니다. 당신이하고있는 것은 인라인 스타일입니다.
alt는 선택적 속성입니다 (이미지 태그는 alt 속성을 설정하지 않고 작동 함). 그러나 웹 크롤러는 alt 태그를 사용하여 웹 사이트에서 이미지의 색인을 생성합니다. 따라서 검색 엔진이 웹 사이트를 쉽게 찾을 수 있도록 alt 속성에는 이미지의 내용과 관련된 값이 있어야합니다.
이미지의 크기를 구체적으로 지정하지 않아도됩니다.
이미지가로드되는 동안 페이지에 너무 많은 시각적 변경 사항이 표시되지 않게하려면이 값을 넣어야합니다.
팁에서 무언가를 가져 오는 : 항상 높이와 너비 모두 이미지에 대한 속성을 지정합니다. 높이와 너비를 설정하면 페이지가로드 될 때 이미지에 필요한 공간이 예약됩니다. 그러나 이러한 특성이 없으면 브라우저는 이미지의 크기를 알지 못하므로 적절한 공간을 예약 할 수 없습니다. 페이지 레이아웃이로드하는 동안 변경됩니다 (이미지가로드되는 동안).
팁 : 높이와 폭이 큰 이미지를 소형화은 (는 페이지에 작은 보이더라도) 큰 이미지를 다운로드 힘 사용자 속성. 이를 방지하려면 페이지에서 전에 프로그램으로 이미지의 크기를 조절하십시오.
그러나
W3schools 필수 아니다 :
항상 이미지에 대한height및width특성 모두를 지정합니다.height및 을 설정하면 페이지를로드 할 때 이미지에 필요한 공간이 으로 예약됩니다. 그러나 이러한 속성이 없으면 브라우저 또는 사용자 에이전트는 이미지의 크기를 알지 못하므로 은 적절한 공간을 예약 할 수 없습니다. 결과는 로딩 중에 페이지 레이아웃이 변경되는 것입니다 (이미지가로드되는 동안).
는 고도 명령은 필수?
, 필수는 아닙니다. 그러나 alt 속성의 목적이 이미지 파일의 내용에 대한 설명을 제공하는 것이라면 이미 알고있는 것처럼 항상 포함하는 것이 좋습니다.
alt 속성 중 가장 많이 인용되는 용도 중 하나는 브라우저에서 이미지를 볼 수없는 방문자에게 텍스트를 제공하는 것입니다. 여기에는 이미지를 표시 할 수 없거나 이미지 디스플레이를 사용할 수없는 브라우저, 시각 장애가있는 방문자 및 스크린 리더를 사용하는 방문자를 포함합니다. 사용자가 이미지를 볼 수 있으면 사용자가 이미지 위에 올 때 alt 속성이 표시됩니다.
또한 alt 태그와 관련이있는 이미지 SEO에 대한 게시물은 HERE입니다.
부작용 : 아니오. – dpl47