너비 또는 높이만 추가하면 내 웹 페이지에 이미지를 추가 할 때 모든 브라우저에서 올바르게 작동하거나 이미지의 너비와 높이가 항상 같아야합니까?이미지에 항상 너비와 높이가 지정되어 있어야합니까?
일부 브라우저에서 확인했을 때 확인되지만 확인하고 싶습니다.
감사합니다.
너비 또는 높이만 추가하면 내 웹 페이지에 이미지를 추가 할 때 모든 브라우저에서 올바르게 작동하거나 이미지의 너비와 높이가 항상 같아야합니까?이미지에 항상 너비와 높이가 지정되어 있어야합니까?
일부 브라우저에서 확인했을 때 확인되지만 확인하고 싶습니다.
감사합니다.
일반적으로 각 이미지에 표준 너비와 높이를 할당하는 것이 좋습니다. 내 권장 사항은 CSS 클래스 또는 이미지 식별자를 만들고 HTML이 아닌 CSS에 너비와 높이를 할당하는 것입니다. 일회용 이미지의 경우 HTML에서 너비와 높이를 지정하는 것이 허용되지만 CSS에서 이러한 값을 할당하면 웹 사이트의 유지 관리 가능성이 향상되는 경향이 있습니다. 특정 폭을 할당하고 높이 꼭 필요한 것은 이지만,이 화상은 이후에 다른 크기의 이미지로 대체 할 가능성을 감소하는
#my_image { width: 100px; height: 100px; } <img src="test.jpg" id="my_image" />
참고
.my_image {
width: 100px;
height: 100px;
}
<img src="test.jpg" class="my_image" />
또는
시간, 레이아웃 위반.대부분의 최신 브라우저는 기본 너비와 높이 속성을 동일하게 해석합니다.
호
img
요소의 width
height
및 특성은 어떠한 DOCTYPE에서 요구되지 않는다.