Knowledge/HTML & CSS
-
DOCTYPE을 선언하는 이유Knowledge/HTML & CSS 2018. 3. 5. 14:22
현재 문서가 어떠한 구조를 갖고 있는지, 어떠한 표준을 준수하고 있는지를 브라우저에게 알려주는 역할. HTML과 XHTML은 여러 버전이 있으므로 정의해주어야 브라우져가 문서를 정확하게 해석한다. 올바른 DOCTYPE이 아니면 마크업과 유효성 검사 불가능하고 경우에 따라 원하는 결과가 수행되지 않을 수도 있다. xhtml이나 html5 이전 버전에서는 공개 식별자와 시스템 식별자를 작성하여 선언했지만 html5 버전은 문서 가장 처음에 이라고만 작성해도 선언이 완료된다.
-
img요소에 width와 height속성의 직접 사용이 허용되는 이유Knowledge/HTML & CSS 2018. 2. 27. 21:47
웹 표준은 HTML이 구조와 데이터를, CSS가 표현 및 동작을, javascript가 동작 및 제어를 각각 담당하도록 분리하는 것을 권장하고 있다 그러나 img 요소에서만큼은 표현을 담당하는 width와 height 속성을 html 태그 내에서 직접 지정해도 웹 표준에 어긋나지 않는다. 이는 브라우저가 웹 서버에서 페이지를 받아오고 출력하는 방식 때문이다. 유저가 링크를 클릭하거나 주소창에 url을 입력하면 브라우저가 이 요청을 웹 서버로 전달하는데 웹 서버는 이에 대한 응답으로 우선 해당 페이지의 html 문서를 브라우저에 전송한다. 그러면 브라우저는 이를 바탕으로 두 가지 작업을 병행하는데 하나는 전송된 html 문서를 해석해서 페이지 출력(렌더링)에 필요한 css,이미지, 스크립트 파일 등을 순차..