[Simple] HTML란?

HTML(Hypertext Markup Language)

마크업(Mark-up) 언어

HTML: 집의 구조

CSS: 인테리어

Javascript: 집의 기능

HTML 구조

<!DOCTYPE html>란?

은 HTML 문서의 첫 번째 줄에 위치하는 선언문으로, 웹 브라우저에게 해당 문서가 HTML5 표준을 따르는 문서임을 알려줍니다. 이 선언문은 브라우저가 문서를 올바르게 렌더링하고, 표준 모드로 해석할 수 있도록 도와줍니다. 이를 통해 브라우저는 특정 HTML 버전이나 모드를 예측하는 대신, 최신 HTML5 표준에 따라 문서를 처리하게 됩니다.

<html>란?

태그는 HTML 문서의 루트(root) 요소로, 문서의 시작과 끝을 정의합니다. 모든 HTML 요소는 <html> 요소 안에 포함되어야 하며, 이 요소는 웹 브라우저가 HTML 문서임을 인식하고 올바르게 해석할 수 있도록 도와줍니다.

<html lang="en">란?

은 HTML 문서의 <html> 태그에 언어 속성을 지정하는 방법으로, 문서의 기본 언어를 영어(English)로 설정합니다. 이 속성은 웹 브라우저와 검색 엔진, 그리고 스크린 리더와 같은 접근성 도구에 문서의 주 언어를 알려주는 역할을 합니다. 이를 통해 다양한 사용자들이 웹 콘텐츠를 보다 쉽게 접근하고 이해할 수 있습니다.

<head>란?

요소는 HTML 문서의 메타데이터를 정의하는 중요한 부분입니다. 이를 통해 브라우저는 문서를 올바르게 해석하고 렌더링할 수 있으며, 검색 엔진은 문서를 더 잘 이해하고 색인할 수 있습니다. 웹 페이지를 제작할 때는 <head> 요소를 적절히 구성하여 웹 페이지의 성능과 접근성을 향상시키는 것이 중요합니다.

<meta charset="UTF-8">란?
문서의 문자 인코딩을 UTF-8로 설정합니다. 이는 다양한 언어의 문자를 올바르게 표시하기 위해 중요합니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">란?

반응형 웹 디자인을 지원하기 위해 뷰포트 설정을 정의합니다.

<meta name="description" content="A brief description of the page content">란?

문서의 내용을 설명하는 메타 태그로, 검색 엔진 최적화(SEO)에 유용합니다.

<meta name="author" content="Author Name">란?

문서의 작성자를 지정합니다.

<title>Example Document</title>란?

문서의 제목을 정의하며, 브라우저 탭에 표시됩니다.

태그(Tag)