나아지는 중입니다.

HTML의 역사와 흐름HTML은 웹의 시작과 함께 등장했습니다. 초기에는 HTML 1.0이 등장했고, 그 이후로 HTML 3.0, HTML 4.0까지 진화했습니다. 이후 XHTML 1.0이 XML 기반 문법을 따르며 HTML의 엄격한 구조를 요구하는 형태로 발전되었으나, 너무 엄격하고 개발자 친화적이지 못하다는 단점 때문에 실패하게 됩니다. 이로 인해 다시 실용성과 유연성을 고려한 HTML5가 등장하며 표준이 다시 HTML 쪽으로 회귀했습니다.HTML 1.0~4.0: SGML 기반, 자유로운 문법 허용XHTML 1.0~2.0: XML 기반으로, 태그 닫힘 필수, 대소문자 구분 등 엄격한 문법HTML5: HTML4와 XHTML 장점을 통합. 멀티미디어, 그래픽, API 등 지원 강화 HTML의 변천사: S..

HTML 문서의 변화: 시맨틱(Semantic)을 중심으로 한 진화 과정시맨틱을 지원하는 문서로의 변화 - W3C1. 시맨틱을 지원하는 문서로의 변화 – W3CW3C(World Wide Web Consortium)는 웹 표준을 정하는 대표적인 국제 기구입니다.HTML5에서는 단순히 태그를 통해 구조를 나누는 것을 넘어, 의미를 표현하는 시맨틱 태그 사용을 권장합니다. welcome main menu 모든 태그가 정확하게 닫혀 있고, 문서의 구조가 명확하게 표현되어 있습니다.이처럼 XHTML은 시맨틱 구조를 표현하는 기술적 도구로 사용됩니다. HTML 문서 변화의 핵심은?HTML → XHTML → 시맨틱 웹 ..

HTML 문서의 기본 구조와 , 태그 표현 방식HTML 문서는 아래와 같은 기본 구조를 가집니다: 가능(2) Polyglot (HTML과 XHTML을 모두 만족하는 문서) 또는 둘 다 가능 (호환 목적)(3) XHTML 문서반드시 처럼 셀프 클로징 태그를 써야 함 (XML 문법을 따르기 때문) General Markup Language의 필요성과 발전문제 상황과거에는 데이터를 다음처럼 그냥 줄로 써서 저장했습니다.1 안녕하세요 2019-03-29 1어떤 값이 '번호'인지, '날짜'인지, '제목'인지 알 수 없습니다. 그래서 정보의 의미(구조)를 설명할 수 있는 마크업 언어가 필요했습니다.발전 과정이렇게 사람이 이해하기 어렵던 정보를 구조화하여 표현하면 다음과 같습니다:{공지사항} [행] 번..

상대경로와 절대경로의 차이절대경로 (/로 시작)/는 루트(root) 디렉토리를 의미합니다.웹 프로젝트에서의 루트는 보통 웹 서버의 기준 디렉토리입니다.예:이건 무조건 root 디렉토리 기준으로 images/logo.png를 찾는다는 뜻입니다.→ 어느 HTML 문서에서든 /images/logo.png라고 쓰면 항상 최상위 폴더의 images 폴더를 가리킴 상대경로현재 문서의 위치를 기준으로 경로를 지정합니다../현재 디렉토리 (자기 자신이 있는 폴더)../상위 디렉토리로 이동 (한 단계 위로 올라감) 예:./style.css → 현재 폴더에 있는 style.css를 가져와라../images/logo.png → 현재 위치의 한 폴더 위로 올라간 후, 거기서 images/logo.png를 찾아라../../im..

뉴렉처 [HTML5, CSS]강의를 통해 공부한 내용을 정리한 글입니다. 은 브라우저에게"이 문서를 어떤 기준(표준)으로 렌더링해야 하는지 알려주는 선언문"입니다.브라우저마다 웹페이지가 제각각 다르게 보이는 문제를 해결하기 위해 등장했습니다. 배경: 왜 이 필요한가?브라우저가 여럿이다 보니 생기는 문제Internet Explorer, Chrome, Firefox, Safari 등 여러 브라우저가 존재각 브라우저는 자체적으로 HTML을 해석(rendering)하는 방식(엔진)이 다름같은 HTML 태그를 써도 브라우저마다 보이는 모습이 달라짐과거에는 , , 등 표준이 모호하거나 중복된 태그를 마음대로 사용해서→ 각 브라우저마다 "이건 이렇게 보여야지~" 하는 방식이 달랐음똑같은 HTML 문서를 만들어도 브..

뉴렉처 [HTML5, CSS]강의를 통해 공부한 내용을 정리한 글입니다.인터넷은 곧 웹인가요?→ ❌ 아니요.인터넷은 웹보다 훨씬 더 큰 개념이며, 웹은 인터넷 위에서 동작하는 수많은 서비스 중 하나일 뿐입니다. 인터넷 이전의 컴퓨터 네트워크: "단일 폐쇄형 네트워크"어떤 구조였나?예전에는 한 회사나 한 기관이 자체 네트워크만 운영했습니다.예) 회사 A의 메인프레임(중앙 컴퓨터) ↔ 그 회사의 터미널(단말기)이 안에서만 문서를 만들고 저장하고 공유했습니다.각 네트워크는 자체 방식으로만 통신 가능, 다른 회사의 시스템과는 연결 불가회사 A 네트워크 회사 B 네트워크 학교 C 네트워크[메인프레임A] [메인프레임B] [메인프레임C] ↑ ..