[멋사 프론트엔드 부트캠프 14기] Outline Algorithm과 숨겨진 제목 요소(h태그) 분석
·
멋쟁이사자처럼/HTML
Outline Algorithm이란?Outline Algorithm은 HTML5부터 자동으로 문서의 제목 태그(h1~h6)를 기반으로 문서 구조를 계층화하는 방법이다.페이지의 구조를 명확히 하고, 검색 엔진과 사용자가 페이지를 더 쉽게 이해하고 탐색할 수 있도록 도우며, 문서의 논리적 구조를 파악하기 위해 사용된다.이를 통해 웹 페이지의 가독성과 접근성을 높이며, SEO에도 긍정적인 영향을 미친다.Chrome의 익스텐션인 HeadingsMap을 통해 웹사이트의 문서 계층 구조를 시각적으로 확인할 수 있다.Daum 사이트 사례 분석Daum 사이트를 HeadingsMap으로 분석했을 때, h2 요소로 검색이라는 항목이 계층 구조에 표시되었다.그러나 실제 웹사이트 화면에는 "검색"이라는 단어가 보이지 않았다...
HTML과 CSS는 무엇일까🤔
·
Front-end
HTML (Hypertext Markup Language) 이란?웹 페이지 구조를 정의하는 마크업 언어(Markup Language: 문서 구조와 콘텐츠를 정의 및 설명에 사용되는 언어 )웹 페이지의 내용을 나타내기 위한 "골격" 역할HTML을 사용하여 웹 페이지에 텍스트, 이미지, 링크, 리스트, 표 등 다양한 요소 추가 가능HTML은 형태로 요소를 정의: 제목을 정의하는 태그: 단락을 정의하는 태그: 링크를 정의하는 태그: 이미지를 삽입하는 태그, : 구역을 나누는 태그 등 | HTML의 기본 구조 헤더 1 여기에 텍스트 내용이 들어갑니다. CSS (Cascading Style Sheets) 란?웹 페이지의 스타일 정의하는 언어HTML로 구조를 만들면, CSS로 그 구조에 디자..