728x90

개발노트/HTML 2

[HTML] Body Element

Body 요소 콘텐츠를 담는 HTML 요소 콘텐츠의 대부분을 차지하고 있어 시맨틱 태그(의미있는 태그)를 잘 활용하는것이 좋다. 💡 시맨틱 태그를 사용하는 이유 1. 검색엔진 최적화 (SEO) 2. 쉬운 소스 코드 구조화 3. 코드 가독성 향상 브라우저가 문서를 읽었을 때 정확하게 인식할 수 있도록 해야한다. heading 요소 heading 은 h1 ~ h6 까지의 태그를 의미한다. (숫자가 낮을 수록 중요한 제목을 의미!!!) heading 요소를 사용하면 익명 영역 (anomymous section) 이 생기게 된다. 익명 역영 (anomymous section): section 요소를 암묵적으로 포함하고 있다는 의미. h1 태그 시작 지점 (section 태그의 시작) 하나의 문단이 존재하네요. ..

개발노트/HTML 2022.09.08

[HTML] article, section

HTML 태그 중에서 article 과 section 이라는 태그가 있다. 조금만 검색해보면 article의 경우 블로그 글, 포럼 글, 뉴스 기사 등 이라고 정리되어있고, section의 경우 문서 등 주제를 구분짓기 위해 사용된다고 정리되어 있는데 저 정리만 보고 항상 드는 생각이 "아니 그래서.. 어떻게 활용하는데...???" 나만 저 정리된 블로그들을 보면서 이해를 못하는 것일 수도 있다. 그래서 제대로 공부하지 않고 시맨틱 태그를 활용해보자 하고 사이드 프로젝트에 적용 시킨 코드는 아래와 같다. 이 작업이 마음에 드시나요? 찜하기 아래 3장의 이미지 확대해서 보기 default 첫번째 이미지 꽃과 레터링 할인 이벤트 조회수 56회 50,000 100,000 위치 서울 마포구 (홍대) 장르 블랙워..

개발노트/HTML 2022.06.27
728x90