✍ Today I Learned
- html 속성의 값은 대소문자를 구분하지 않지만 가독성 및 협업을 위해 소문자로 작성하는 것이 좋다.
- 이미지 파일들은 파일의 헤더영역에 image/jpeg, image/png 등의 형식을 갖고 있으므로 파일 확장자명과 관계없이 헤더 정보로 판단한다. (MIME type)
- img 태그의 size 속성에서 %는 브라우저 크기 대비 비율을 의미한다.
- table 태그는 레이아웃 용도로 사용하지 않는다.
- html class 네임은 kebab-case를 주로 사용한다.
- CSS 상대단위인 em은 해당 단위가 사용되고 있는 요소의 font-size 속성값이 기준이고, rem은 최상위 요소(root, 즉 html) font-size 속성값이 기준이다.
- CSS 선택자를 쉼표로 연결하면 여러 요소를 동시에 적용할 수 있다.
- html meta 요소 중 keyword는 검색엔진에 노출되는 키워드를 정의한다.
- 페이지 내 iframe 태그를 많이 사용하면 브라우저 계속 중첩되기 때문에 리소스 사용이 증가하므로 적절히 사용해야 한다.
- VSCode 자동정렬 단축키는 Ctrl+Sift+F