1 2 3 |
<img id="myImage" alt="이미지" width="80px" height="80px"> |
와
1 2 3 |
<img id="myImage" alt="이미지" width="80" height="80"> |
차이
width=”80px”: CSS 단위(px)가 포함된 문자열
1 2 3 |
<img id="myImage" alt="이미지" width="80px" height="80px"> |
이는 HTML 속성이 아닌 스타일 속성처럼 해석될 수 있으며, 일부 브라우저나 상황에서는 무시되거나 예상치 못한 결과를 낼 수 있습니다.
HTML 표준상 width와 height 속성은 숫자만 사용해야 하며, 단위를 쓰지 않습니다.
- ✅ (올바른 방식)
width=”80″: 숫자만 사용 → 픽셀 단위로 해석됨 (기본적으로 px)
1 2 3 |
<img id="myImage" alt="이미지" width="80" height="80"> |
이는 HTML 명세에 맞는 정석적인 사용법이며, 모든 브라우저에서 일관되게 동작합니다.
결론:
구분 | width=”80px” | width=”80″ |
---|---|---|
HTML 표준 | ❌ 비표준 | ✅ 표준 |
브라우저 호환성 | 일부 문제 발생 가능 | 안정적 |
권장 여부 | ❌ 사용 자제 | ✅ 사용 권장 |
따라서 항상 width=”80″ 형식으로 사용하는 것이 정확하고 안전합니다.
스타일에서 단위를 쓰고 싶다면 style=”width:80px”로 명확하게 작성해야 합니다.