HTML이란?
html 이란 '브라우저에서 실행가능한 가장 기본이 되는 파일'이다.
markup언어로 작성되는데 그 말인 즉슨, 프리스타일로 자유롭게 작성되는 문서가 아니라 태그(<>, </>)를 이용해서 구조적으로 작성된 것을 말한다.
HTML의 큰 구조는?
그렇다면, html의 구조는 어떠한 모습일까?
크게 와 로 나뉜다.
-
head :
-
메타정보가 들어간다.
-
사용자에게 보여지는 ui적 요소는 전혀 없고, 검색 시 나오는 title, 부가설명, 북마크 추가시 나오는 아이콘, 적용할 css파일 또는 script파일 등으로 이루어져있다.
📌예)
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Yebin's Portfolio</title> <meta name="author" content="Yebin" /> <link rel="icon" type="image/png" href="imgs/favicon.png"/> <link rel="stylesheet" href="style.css"/> <script src="main.js" defer></script> </head>
-
-
body : 유저에게 보여져야하는 부분을 담는 태그들로 구성된다.
어떻게 이런 것들이 가능한 것일까?
W3C( World Wide Web Consocium )이라는 웹 표준화를 추진하는 단체에서 정의해두었기 때문이다!
표준화된 것에 따라 html문서를 작성하면 (크롬에서 보든, 엣지에서 보든)어떤 브라우저가 되었든 같은 모습의 웹사이트를 볼 수 있는 것이다.
( p.s 물론, 브라우저마다 지원하는 버전이 다를수 있어 다르게 보일수도 있긴 함. )
지원가능한 태그들은 어디서 확인할까?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
😎