키다리 개발자

HTML 이란? 본문

HTML, CSS

HTML 이란?

JunBucks 2019. 9. 25. 16:19

 

HTML의 뜻

 

HTML은 (Hypertext Markup Language)의 약자로 웹 페이지와 그 내용을 구조화하기 위해 사용하는 문서 규약이다.

 

통상 링크(link)라고 부르는 하이퍼텍스트(hypertext)를 통해 다른 웹 페이지로 이동할 수 있다는 특징이 있다.

 

이러한 링크 덕분에 사용자는 웹을 통해 쉽고 빠르게 다양한 정보를 얻을 수 있었고,

 

월드 와이드 웹(World Wide Web, WWW)이 인터넷 서비스의 대표 주자로 성장할 수 있게 되었다.

 

한 줄 결론

웹 사이트를 만들려면 HTML이란 언어를 사용해야 합니다.

 

 

 

HTML 역사

 

1990년에 팀 버너스 리에 의해 다른 과학자들과 서류 공유를 쉽게 하기 위해

 

설계되어 HTTP, URI, 브라우저와 함께 되었다.

 

시맨틱 태그(Semantic Tag)란?

HTML5의 큰 특징 중 하나는 시맨틱(Semantic) 태그이다

 

시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.

 

non-semantic 요소들의 예: <div>와 <span> - 자신의 콘텐츠에 대해 아무것도 설명해주지 않는다.

 

semantic 요소들의 예: <form>, <table>, <article> - 자신의 콘텐츠를 명확하게 정의함으로 내용을 유추할 수 있다.

 

 

HTML5 이전에는 <div> <span>에 id와 class를 붙여 구역을 나누고 스타일을 지정했다. 

 

<div class="nav"> 같이 의미가 없는 <div> 태그에 이름을 붙이고 임의로 구역을 나눈 것이다.

 

시맨틱 태그에서는 <div class="nav">가 아니라, <nav>와 같이 뜻이 명확한 태그를 제공한다.

 

한 줄 결론

HTML5 버전에서는 시맨틱 태그(Semantic Tag)를 사용함으로

코드를 더욱 정규화시키고 가독성을 높이기 위해

적극적으로 사용하는 것을 권장합니다.

 

 

 

 

 

Comments