시맨틱 [2022.04.17] Semantic HTML elements (시맨틱한 HTML 태그) 특히 많은 웹 사이트를 둘러보면 컨테이너 역할을 위해 블록 요소인 <div>태그 사용이 빈번한 것을 확인할 수 있다. 의미없는 태그를 대신할 수 있는 시맨틱한 태그들이다. 재사용하여 배포할 수 있는 콘텐츠를 나타낸다. 독립적인 콘텐츠를 표현할 때 사용한다. 페이지 내 주요 컨텐츠를 작성할 때 사용한다. 문서 내에서 다른 페이지 또는 현재 페이지의 링크를 보여줄 때 사용한다. 메뉴, 목차, 색... 시맨틱HTMLhtml태그study공부시맨틱html CSS: Semantic하게 CSS 관리 하는 법 DOM 구조에 의존하지 않는 셀렉터를 사용하여 CSS를 관리가 하는 것이 중요하다. 1. attr 사용하기 이런 HTML 돔의 구조가 있다고 가정해보자. attr으로 UserId, PassWord, Nickname 값 즉 데이터 값을 사용했다는 것을 인지해라! DOM이 아닌 태그의 의미를 찾아서 selecting했다. 2. MICRODATA 웹 페이지의 기존 컨텐츠 내에 메타 데이터를 중첩하... 코드스피츠시맨틱SegmanticCSSCSS
[2022.04.17] Semantic HTML elements (시맨틱한 HTML 태그) 특히 많은 웹 사이트를 둘러보면 컨테이너 역할을 위해 블록 요소인 <div>태그 사용이 빈번한 것을 확인할 수 있다. 의미없는 태그를 대신할 수 있는 시맨틱한 태그들이다. 재사용하여 배포할 수 있는 콘텐츠를 나타낸다. 독립적인 콘텐츠를 표현할 때 사용한다. 페이지 내 주요 컨텐츠를 작성할 때 사용한다. 문서 내에서 다른 페이지 또는 현재 페이지의 링크를 보여줄 때 사용한다. 메뉴, 목차, 색... 시맨틱HTMLhtml태그study공부시맨틱html CSS: Semantic하게 CSS 관리 하는 법 DOM 구조에 의존하지 않는 셀렉터를 사용하여 CSS를 관리가 하는 것이 중요하다. 1. attr 사용하기 이런 HTML 돔의 구조가 있다고 가정해보자. attr으로 UserId, PassWord, Nickname 값 즉 데이터 값을 사용했다는 것을 인지해라! DOM이 아닌 태그의 의미를 찾아서 selecting했다. 2. MICRODATA 웹 페이지의 기존 컨텐츠 내에 메타 데이터를 중첩하... 코드스피츠시맨틱SegmanticCSSCSS