반응형
IMG
-
img요소에 width와 height속성의 직접 사용이 허용되는 이유Knowledge/HTML & CSS 2018. 2. 27. 21:47
웹 표준은 HTML이 구조와 데이터를, CSS가 표현 및 동작을, javascript가 동작 및 제어를 각각 담당하도록 분리하는 것을 권장하고 있다 그러나 img 요소에서만큼은 표현을 담당하는 width와 height 속성을 html 태그 내에서 직접 지정해도 웹 표준에 어긋나지 않는다. 이는 브라우저가 웹 서버에서 페이지를 받아오고 출력하는 방식 때문이다. 유저가 링크를 클릭하거나 주소창에 url을 입력하면 브라우저가 이 요청을 웹 서버로 전달하는데 웹 서버는 이에 대한 응답으로 우선 해당 페이지의 html 문서를 브라우저에 전송한다. 그러면 브라우저는 이를 바탕으로 두 가지 작업을 병행하는데 하나는 전송된 html 문서를 해석해서 페이지 출력(렌더링)에 필요한 css,이미지, 스크립트 파일 등을 순차..