UIUX/HTML

💡 HTML Semantic elements에 대해 알아보고 정리해보자! 목표 HTML 시멘틱 엘리먼트가 무엇인지 설명할 수 있다. 시멘틱 엘리먼트들 각각이 어디에서 사용되는지 설명할 수 있다. HTML5로 넘어오면서 시멘틱 엘리먼트가 추가가 되었다. HTML4와 HTML5의 차이는 아래와 같다. HTML4는 div 태그에서 id 값으로 페이지 구역을 나누는 반면, HTML5는 , , , , , , 등으로 나타낼 수 있다. 태그를 읽기만 해도 어떤 구역인지 파악이 가능해진 것이다. 구역을 나타내는 요소들 실제 화면에 보이는 내에서 페이지의 구역을 나타내는 요소들이 중첩되어 사용된다. : 웹 문서 맨 윗부분, 웹 사이트 로고 영역. ex) 로그인, 회원가입, 사이트맵, 언어 선택 등. : 현재 페이지 내 ..