시멘틱 태그란 header, footer, section, nav 등을 의미한다.이러한 시멘틱 태그를 사용했을 경우의 장점은 아래와 같다.1. 코드 가독성 향상- 위 태그는 div와 기능상 동일하게 작용하므로 div를 사용해도 되지만 모든 영역에 div를 적용하게 되면- 코드를 볼 때 어디가 어떤 영역인지 알기가 어렵게 된다.- 물론 div에 class나 id를 정의하여 네이밍을 해도 되지만 시멘틱 태그가 좀 더 직관적으로 코드를 볼 수 있다.2. 사이트 정보를 효과적으로 전달할 수 있다- 검색 엔진 등이 사이트를 크롤링할 때 시멘틱 태그를 기준으로 정보를 판단하고 읽을 수 있으므로 효과적으로 사이트의 정보를 전달할 수 있다.3. 웹 접근성 강화- 시각 장애인을 위한 스크린 리더 등을 통해 사이트를 분석..

CSS는 웹문서에 스타일을 적용한다.이 과정에서 같은 요소에 적용되는 스타일은 여러 가지 이유로 충돌이 발생할 수 있다.이럴때 일정한 우선 순위를 두고 스타일이 적용되는데 이를 cascading이라고 한다.cascading은 중요도, 명시도, 코드 작성 순서에 의해 결정된다.1. 중요도- CSS를 어디에 선언했는지를 의미한다. - 크게 사용자 스타일, 작성자 스타일, 브라우저 스타일로 나눌 수 있다.- 브라우저 스타일은 크롬이나 사파리 등의 브라우저가 기본으로 갖고 있는 스타일을 의미하며- 작성자 스타일은 웹 문서를 만드는 사람이 설정한 스타일을 의미한다. (html파일내 style 또는 css파일)- 사용자 스타일은 사용자가 컴퓨터내에서 설정한 스타일 옵션을 의미한다.- 사용자 스타일 > 작성자 스타일..