시맨틱 태그란 개발자와 브라우저에게 의미를 제공하는 태그를 뜻한다. 태그 안에 어떤 내용이 들어갈 지 유추할 수 있게 해준다. 웹 사용자의 사용성을 높여주고 검색 엔진 최적화(SEO)에 도움을 준다. div가 non-semantic 태그라면 article은 seman
웹사이트는 사용자가 접속하는 디바이스의 종류에 따라 화면의 크기가 달라진다. 뷰포트란 이때 웹페이지가 사용자에게 보여지는 영역을 말한다. PC의 경우에는 브라우저의 창 크기를 조절하여 뷰포트의 크기를 바꿀 수 있지만 태블릿이나 핸드폰은 브라우저의 크기를 변경할 수 없다