56일차

Dogeun Lee·2023년 2월 22일
0

HTML/CSS/JS

div, span태그는 나누는 것 이외의 의미를 파악할 수 없다.

id or class 속성을 필수로 추가해야하는 번거로움이있다.

시멘틱태그

태그 이름으로 어느정도 어떤 역할을 하는지 알수있고
추가적으로 웹 접근성 향상에 도움이 되는 태그는 시맨특태그다.
시멘틱태그 내부의 내용을 검색엔진이 1순위로 매칭해준다.
ex) header> ... </header

시멘틱 태그의 종류 == div속성과 같다.
1. header
2. main
3. footer
4. nav // 네비게이션
5. aside // 광고
6. section // 영역구분
7. article // 본문과 독립된 컨텐츠를 작성하는 영역


position;

position : relative; -( 상대적인 )
지정된 내부 요소 내부에 다른 요소가 상대적인 위치를 지정할 수 있도록
기준이 되게 만드는 속성.

position : absolute; -( 절대적인 )
기본 요소의 배치 순서를 무시하고 지정된 절대 위치에 요소를 배치함

position : fixed;
항상 고정된 위치에 요소를 배치함. ( 화면이 움직이던 말던 항상 같은 위치 )
position : sticky;
요소가 보여지는 화면을 벗어났을 때
스티커처럼 화면에 붙어서 고정된 위치를 가지게 만듦

profile
오대수

0개의 댓글