DigitalNomad

HTML의 구조 본문

Web/Front end

HTML의 구조

훌루루훌루 2017. 10. 13. 14:31

HTML의 구조에 대해 알아 보겠습니다.

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

큰 구조는 여기서 끝입니다



<!DOCTYPE html>

HTML5임을 선언합니다.



   <html>
      <head></head>
      <body></body>
   </html>

head엔 사용자에게 드러나지 않는 요소들이 적힙니다.


웹 템플릿은 이거, 폰트는 저거 등

 

"이런 라이브러리와 컴포넌트를 사용하겠다"라고 컴퓨터에게 전달하죠.


네이버, 구글 검색엔진 봇이 어떤 웹페이지인지 판단하는 근거도 제공합니다. 

(검색엔진최적화 SEO라고 합니다.)


body엔 사용자에게 드러나는 요소들이 있습니다.


직접 사용자가 눈으로 보는 요소들이죠.


배경색은 이거, 버튼엔 제출하기라고 적히고 모서리가 살짝 둥글면 좋겠어


내용은 이런걸 써볼까??



CSS는 HEAD에 JavsScript는 BODY 제일 밑에 쓰는게 좋습니다 


구조를 꾸미는 CSS를 먼저 불러와 당장 사용자에게 보여주고


동적인 처리를 처리하는 JavaScript는 나중에 불러오는게 UX/UI 관점에서 이상적입니다.




'Web > Front end' 카테고리의 다른 글

웹을 꾸미는 도구 CSS란?  (0) 2017.10.13
Semantic HTML5  (0) 2017.10.12
HTML 이란?  (0) 2017.10.11
공유하기 링크
'Web/Front end' Related Articles more
Comments