본문 바로가기
App Programming/Web Crawler

[Web Crawler] HTML 기본 동작 원리

by goatlab 2022. 2. 8.
728x90
반응형
SMALL

HTML5

 

HTML5는 "Hyper Text Markup Language" 5의 약자로 HTML 4.01, XHTML 1.1 등을 대체하는 차세대 웹표준으로 확정되었다. 기존의 HTML의 경우, 텍스트와 하이퍼링크만 표시하였지만, HTML5는 오디오, 비디오, 그래픽 처리 등의 다양한 기능을 제공하여 웹 자체에서 처리할 수 있는 기능이 향상되었다.

 

기본 구조

 

<!DOCYTYPE HTML>
<html>
<head>
<title>HTML 기본구조</title>
<meta charset="UTF-8">
</head>
<body>
    HTML 5 구조를 공부합시다.
</body>
</html>
  • <!DOCTYPE HTML> : HTML5를 사용함을 브라우저에 선언하는 역할을 합니다.
  • <html> : 전체 html 문서를 감싸는 태그입니다. 하나만 존재해야 하고 html 바깥에 DOCTYPE을 제외한 다른 태그가 있으면 안 됩니다.
  • <head> : html 문서에 대한 정보를 나타내는 부분입니다. 하나만 존재해야하고, html 바로 아래에 있어야합니다.
  • <title> : head 안에 들어가는 태그로 제목표시줄의 내용을 나타냅니다. 위의 예시를 보면 제목표시줄의 내용은 HTML 기본구조 입니다.
  • <meta> : meta 역시 head 안에 들어가는 태그로 문서에 대한 설명을 표시합니다. 사람에게는 보이지 않고 브라우저만 읽을 수 있습니다. 속성으로 charset="utf-8"이라고 한 것은 브라우저에게 한글 인코딩을 UTF-8로 설정하라고 지시합니다. 이 부분이 있어야 한글이 깨지지 않습니다.
  • <body> : html 문서에서 실제적으로 화면에 보여지는 부분을 나타냅니다. 하나만 존재해야 하고, html 바로 아래, head 다음에 위치해야 합니다.

 

https://wikidocs.net/86172

 

HTML 기본구조

code { color:red; font-weight:bold; } li { list-style:none; } 기본구조 HTML의 기본적인 구조 입니다. HTML을 작 ...

wikidocs.net

 

 

 

728x90
반응형
LIST
저작자표시 비영리 변경금지

'App Programming > Web Crawler' 카테고리의 다른 글

[Web Crawler] HTML 기본태그 (4)  (0) 2022.02.10
[Web Crawler] HTML 기본태그 (3)  (0) 2022.02.10
[Web Crawler] HTML 기본태그 (2)  (0) 2022.02.09
[Web Crawler] HTML 기본태그 (1)  (0) 2022.02.08
웹 크롤러 (Web Crawler)  (0) 2022.02.06

관련글

티스토리툴바