반응형

Programming/HTML,CSS 2

Warning :: <html> element must have a lang attribute: The <html> element does not have a lang attribute

경고 element must have a lang attribute: The element does not have a lang attribute 웹 개발을 할 때 개발자도구를 열었더니 위와 같은 경고가 발생했습니다. 원인 html-lang-valid 규칙을 지키지 않았기 때문에 발생하는 경고입니다. 웹 페이지의 언어를 지정해야 한다는 규칙입니다. 웹 페이지의 언어를 지정하지 않으면 screen reader는 사용자가 설정한 기본 언어로 가정합니다. screen reader는 언어의 특성에 따라 서로 다른 사운드 라이브러리를 사용합니다. 만약 문서에서 읽을 언어가 올바르게 지정되어 있지 않다면 screen reader가 다른 언어로 문서를 읽으므로 혼란스러운 부분이 생길 수 있습니다. 이러한 부분으로 인..

CSS: em, px, pt, percent 변환 및 공식

em을 px로, px을 em으로 변환해야 하는 경우가 생겼습니다. 단위를 변환한 공식을 정리합니다. em, px 기준 px 장치(모니터)에 따라서 상대적인 크기를 가짐. 화면 해상도에 대한 상대크기 em 해당 폰트의 대문자 M의 너비를 기준으로 함. 지정되거나 상속받은(또는 상위 Element)에 대한 백분율 상대 크기 percent(%) 기본글꼴의 크기에 대하여 상대적인 값을 가짐 pt(point) 일반 문서(워드)에서 많이 사용하는 단위 변환 기준 기준 폰트 사이즈: 16px px em percent(%) pt(point) 16px 1em 100% 12pt 기준 폰트 사이즈: 16px px em percent(%) pt(point) 50px 3.125em 312.5% 37.5pt 변환 공식 기준 폰트..

반응형