Outline Algorithm이란?Outline Algorithm은 HTML5부터 자동으로 문서의 제목 태그(h1~h6)를 기반으로 문서 구조를 계층화하는 방법이다.페이지의 구조를 명확히 하고, 검색 엔진과 사용자가 페이지를 더 쉽게 이해하고 탐색할 수 있도록 도우며, 문서의 논리적 구조를 파악하기 위해 사용된다.이를 통해 웹 페이지의 가독성과 접근성을 높이며, SEO에도 긍정적인 영향을 미친다.Chrome의 익스텐션인 HeadingsMap을 통해 웹사이트의 문서 계층 구조를 시각적으로 확인할 수 있다.Daum 사이트 사례 분석Daum 사이트를 HeadingsMap으로 분석했을 때, h2 요소로 검색이라는 항목이 계층 구조에 표시되었다.그러나 실제 웹사이트 화면에는 "검색"이라는 단어가 보이지 않았다...

수업 중, 다음과 같은 코드를 settings.json에 추가했다."emmet.syntaxProfiles": { "html": "xhtml" }위 코드를 추가하고 난 뒤, HTML 파일에서 img 처럼 태그 이름만 입력하고 Enter를 누르면 자동완성된다는 것!! 신기하니까 한 번 emmet에 대해서 더 알아보자! Emmet 이란?HTML 문법을 자동 완성할 때 XHTML 스타일로 마크업 출력하라는 설정코드를 빠르게 작성할 수 있게 해주는 플러그인 또는 기능주로 HTML이나 CSS 작성할 때 자동완성(Snippet Expansion)을 엄청 빠르게 도와줌.예를 들어 ul>li*3 입력하고 Tab 키를 누르면,이런 식으로 자동으로 코드를 만들어 줌! syntaxProfiles는 뭐지?E..

Internet Service| 종류Telnet – 원격 접속을 위한 초기 네트워크 프로토콜IRC (Internet Relay Chat) – 텍스트 기반의 실시간 채팅 서비스E-mail – 디지털 시대의 핵심 커뮤니케이션 도구Archie – 초창기 파일 검색 시스템Usenet – 뉴스 그룹 기반의 토론 공간Gopher – 메뉴 기반의 정보 탐색 시스템FTP (File Transfer Protocol) – 파일 송수신 프로토콜WWW (World Wide Web) – 하이퍼텍스트 기반의 웹 문서 서비스etc...이 중에서 월드 와이드 웹(WWW)은 우리가 현재 사용하는 웹사이트의 기반이 되는 서비스이며, 팀 버너스 리(Tim Berners-Lee)에 의해 개발되었다.“웹의 힘은 보편성에 있고, 장애에 구애 ..

마크업과 마크다운Markup (마크업)→ 문서 구조를 설계하는 언어.→ 예시: HTMLMarkdown (마크다운)→ 간편하게 문서를 작성할 수 있는 경량 마크업 언어.→ 예시: README.mdHTML은 마크업 언어이다~!HTML 버전 역사HTML 최초 버전: 1993년HTML4.01: 1999년 등장XHTML1.0: 1999년 등장HTML52004년: WHATWG( Web Hypertext Application Technology Working Group/애플, 모질라, 오페라) 주도로 개발 시작Microsoft, Google도 합류2007년: W3C가 XHTML2.0 실패 인정 → HTML5 표준 수용현재: WHATWG Living Standard로 관리됨위와 같은 과정을 거쳐서 만들어진 HTML5를..

HTML (Hypertext Markup Language) 이란?웹 페이지 구조를 정의하는 마크업 언어(Markup Language: 문서 구조와 콘텐츠를 정의 및 설명에 사용되는 언어 )웹 페이지의 내용을 나타내기 위한 "골격" 역할HTML을 사용하여 웹 페이지에 텍스트, 이미지, 링크, 리스트, 표 등 다양한 요소 추가 가능HTML은 형태로 요소를 정의: 제목을 정의하는 태그: 단락을 정의하는 태그: 링크를 정의하는 태그: 이미지를 삽입하는 태그, : 구역을 나누는 태그 등 | HTML의 기본 구조 헤더 1 여기에 텍스트 내용이 들어갑니다. CSS (Cascading Style Sheets) 란?웹 페이지의 스타일 정의하는 언어HTML로 구조를 만들면, CSS로 그 구조에 디자..