[HTML/CSS]캐스케이딩과 시맨틱 태그

Chan·2024년 9월 12일
3

Front-End

목록 보기
2/3

Q1. CSS의 Cascading은 무엇일까?

CSS: Cascading Style Sheets
Cascading = 폭포, 계단식

딘어의 뜻에서 유추할 수 있듯이 계층이라는 속성을 가졌다고 볼 수 있다

스타일 적용 고려 대상

  • 우선 순위
  1. CSS 중요도

    프로그래머 > 사용자 > 브라우저

  2. 명시도

    인라인 > id > 클래스 > 태그
    (적용 범위가 좁을수록 우선 순위가 높음)

  3. 코드 순서

    나중에 온 속성이 우선 적용

  • 상속

    부모 요소의 스타일을 자식 요소가 물려 받음


Q2. 시맨틱 태그를 사용하는 이유

semantic = 의미론적인

시맨틱 태그는 태그 내용에 의미를 부여하는 태그

이점?

  • 구조 파악에 용이하다 (header, main, footer 등등)
    - 가독성 향상에도 도움이 될 수 있음
  • SEO 향상
    - 검색 엔진에서 웹사이트 순위에 영향을 줌
profile
💻

0개의 댓글