프로그래밍에서 시맨틱은 코드 조각의 의미를 나타냅니다."이 HTML element가 가진 목적이나 역할은 무엇일까?" 다음의 두 코드는 화면상으로 동일하게 보입니다. 안녕하세요?안녕하세요? 하지만 두 코드를 같다고 말할 수 있을까요?그 답은 "아니"입니다!두 코드를 동일한 것처럼 보이지만, 사실 HTML에 스타일을 적용하여 입히는 것은 CSS의 역할이며두 코드의 "의미"는 다릅니다.하나는 최상위 제목을 의미하고 다른 하나는 그것이 아니라는 것이죠!📌Semantic Tag란?Semantic Tag는 의미를 지닌 태그를 의미합니다! Semantic 은 "의미론적인"이란 뜻의 형용사입니다.개발자가 각 태그를 보고 해당 요소가 어떤 의미를 담았고, 어떤 역할을 하는지 쉽게 파악할 수 있도록 돕습니다. 그 외엔..

📌 Cascade란?CSS 작성중에 하나의 HTML 요소에 대해 서로 다른 스타일 규칙이 동시에 적용되는 상황이 발생할 때, 브라우저는 정해진 알고리즘에 따라 어떤 스타일을 최종적으로 적용할지 결정한다.이 결정 과정이 바로 캐스케이드(Cascade)이다.🌊 작은 폭포나 계단식으로 떨어지는 물 을 일컫는다.✔ CSS는 바로 Cascading Style Sheet의 약어이다. 사이트의 복잡성이 증가함에 따라 스타일시트의 수가 증가하여,스타일시트의 소스 순서가 더 중요하고 복잡해진다.다양한 스타일 후보군중에서 내가 의도하는 방향으로 스타일을 적용하기 위해선 어떤 규칙으로 확정되는지 알 필요가 있다. 규칙은 다음과 같다! 📌 Cascading브라우저는 스타일 충돌이 발생하면 다음의 단계를 거쳐 모든 요소의..