이번 문서의 목적 HTML body태그를 설명할 수 있다. Webpage의 기본 구조를 설명할 수 있다. Semantic HTML은 Markup language로서 semantic(의미론적인) 특징을 가집니다. 하지만 우리는 가끔 이것을 명확히 인지하지 못하고 div태그 지옥과 같은 실수를 범하곤 합니다. 따라서 semantic한 HTML문서의 작성을 위해 HTML의 body에 들어가는 기본 구조를 알아보겠습니다. HTML Body HTML Living Standard에 따르면 HTML body 태그는 Sectioning Root로, HTML문서의 내용을 담고 있습니다. body태그 안에 들어가는 내용들을 Sectioning Content라고 부르며, 일반적인 웹페이지는 아래와 같이 section 및 구성요소들을 가지고 있습니다....
이번 문서의 목적 HTML의 html태그에 들어가는 내용을 설명할 수 있다. HTML의 head 태그에 들어가는 내용을 설명할 수 있다. <html> 바로 직전 글에서 이 html태그는 HTML문서의 시작과 끝을 나타내는 태그이자 HTML 내용을 담고있는 문서에 단 하나만 존재하는 태그라고 말씀드렸습니다. 하지만 분명 우리는 문서의 DOCTYPE을 통해 현재 문서가 HTML 문서임을 밝혔습니다. 왜 필요할까요? DOCTYPE은 엄밀히 말해 이 문서는 HTML이라고 브라우저에 알려준 것입니다. 따라서 아래 HTML이 어떻게 생겼는지, 시작점은 어디인지, 논리적 구조는 어떻게 되는지는 문서의 내용에 달렸습니다....
이번 문서의 목적 HTML의 정의를 설명할 수 있다. HTML의 기본 구조를 설명할 수 있다. HTML Element가 무엇인지, 구성요소는 무엇인지 설명할 수 있다. HTML? HTML은 Hyper Text Mark up Language의 약자입니다. 우리가 흔히 웹 페이지! 라고 부르는 것들이 사실 HTML문서입니다. Hyper Text는 우리가 흔히 ‘링크’라고 부르는 것이라고 일단 알겠는데, Mark up Language는 뭘까요? Markup Language? Markup Language는 어떤 언어일까요? Markup Language는 간단히 말해 ‘문서의 표현형식, 논리적 구조를 설명하기 위한 언어’입니다. 강조할 때는 이것처럼 굵게 쓰는 것, 제목과 본문처럼 구조를 나타내는 문법을 가진 것이 특징입니다....