안녕하세요~
제 첫 게시물인데 많이 부족할 거 같지만서도 일단 열심히 작성해보겠습니다
오늘은 HTML에 대해서 알아보겠습니다 (완전 보초 주의)
HTML이란 무엇인가!?
Hyper Text Markup Language의 약어로서,
웹 페이지에서 다른 페이지로 이동할 수 있는 기능을 가진 문서
요소(Elements)들로 구성되어있다.
태그(Tag)?
- 웹 문서의 정보를 정의해주는 형식
<ul></ul><div></div>이렇게,
<>시작되는 태그와</>닫는 태그 쌍으로 구성
HTML 기본 문서 구조
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html><!DOCTYPE HTML>
이 문서는 HTML Living Standard 문서라는 걸 의미합니다.
Documnet Type Definition(a.k.a DTD) 라고 부르며, 문서 타입에 대한 정보를 제공하는데 해당 코드를 통해 어떤 모드로 페이지를 랜더링 할지 결정한다고 하네요
다행인지 불행인지 작성하지 않아도 브라우저가 알아서 처리해준다고 합니다
<html> </html>
<html>태그는 HTML의 최상위 요소입니다
lang 속성을 추가해 페이지의 주 언어를 선택할 수 있습니다
주 언어 설정이 중요한 이유는!
검색엔진, TTS, 번역 기능 제공등에 영향을 준다고 하네요
<head> </head>
<head>태그는 페이지 문서에 대한 정보를 적습니다.
이것을 메타데이터라고 하는데요!
메타데이터는 데이터를 위한 데이터라고 생각하면 이해하기 쉽습니다.
<title> </title>
<title>태그는 말 그대로 페이지의 제목을 정하는 곳입니다.
특수문자 사용은 금물~
<body> </body>
<body>태그는 사용자들에게 직접적으로 보이는 영역입니다.
어떤가요!?
오늘은 정말 짧게 HTML에 대해서 살짝 맛을 보았는데요.
다음에는 HTML을 직접적으로 사용해보도록 할게요.
이번 포스트는 여기서 끝!
감사합니다.
개발자로서 성장하는 데 큰 도움이 된 글이었습니다. 감사합니다.