position 속성이란? HTML에서 작성한 요소에 대해서 문서 내에서 배치되는 방식을 결정하는 것이 CSS의 position 속성의 역할이다. top, right, bottom, left 속성과 함께 사용하여 요소의 정확한 위치를 지정한다. 이때 top, right, bottom, left 속성의 값이 모두 똑같을 경우 inset 속성을 사용한다. position: static position 속성의 기본값으로 HTML에서 요소가 문서의 원래 있어야 할 위치에 배치되도록 해준다. 따라서 top, right, bottom, left 속성값은 무시된다. position: relative 요소의 원래 위치를 기준으로 배치한다. top, right, bottom, left 속성을 통해 요소의 원래 위치에 있..

시맨틱 태그란? 태그와 기능은 똑같지만, 의미가 담겨있는 태그들을 '시맨틱 태그'라고 한다. 이를 통해 사이트의 구조(레이아웃)를 설계하기 위해 존재하며 각 부분의 역할과 기능을 전달하는 데 도움을 주는 역할을 한다. 즉, 태그에 의미를 부여함으로써 웹사이트 구조를 파악하기 쉽도록 도와주기 위해 만들어졌다. 엄격한 사용법이 있는 건 아니지만, 작성하는 사람의 의도가 중요하다. 태그 이름 용도 영역 위쪽에서 로고나 제목, 메뉴 같은 걸 담고 있는 도입부 사이트의 본격적인 내용으로 페이지에서 딱 한 번만 사용 가능 영역 아래쪽에서 여러 가지 연락처나 관련 정보를 담고 있음 하나의 완성된, 독립적인 내용을 나타내는 영역 (블로그 게시물, 뉴스 기사, 제품 리뷰 등) 어떤 것의 일부분을 나타내는 영역 이미지와 ..