[HTML/CSS] HTML5 와 CSS3

HTML이란?

---

HyperText Makeup Language의 약자로 웹사이트를 제작할 때 사용하는 기본 언어입니다. 이때, Makeup(마크업)이란 tag(태그)를 사용하여 문서의 내용을 작성합니다. 태그에는 여러 종류가 있으므로 개발자의 목적에 따라 알맞은 태그를 선택해 사용할 수 있습니다.

 

 

HTML vs HTML5

---

HTML5는 HTML의 5번째 버전이라는 의미입니다. HTML이 처음 개발된 이후로 점점 발전해가면서 이전의 HTML을 업그레이드한 새로운 버전이 나오게 되었고 현재는 HTML5 버전을 사용하고 있습니다. 보통 HTML5를 HTML이라고 많이 부르기는 하지만 이전의 버전과 구별하기 위해 HTML5라고 부르는 경우도 종종 있습니다.

 

 

HTML5 지원 확인 방법

---

자신이 사용하고 있는 웹 브라우저가 HTML5를 얼마자 지원하고 있는지는 현재 사용하고 있는 웹 브라우조에 아래의 주소를 검색해 HTML5test 사이트에 접속하시면 확인하실 수 있습니다.

 

http://HTML5test.com

The HTML5 test - How well does your browser support HTML5?

 

만점은 555점으로 현재 제가 사용하고 있는 브라우저는 555점 중 476점입니다.

 

 

CSS란?

---

CSS는 Cascading Style Sheets의 약자로 웹 문서의 스타일을 미리 작성해 둔 파일입니다. CSS없이 HTML만으로 코드를 작성할 경우 HTML파일마다 태그를 일일이 지정해야하며 코드가 길어지기 때문에 코드의 가독성도 떨어집니다. 또, 보통 웹사이트를 제작하다 보면 같은 디자인을 반복해서 사용하는 경우가 많은데 이 경우 디자인을 수정할 때마다 이 디자인을 적용한 HTML파일을 모두 하나하나 수정해야합니다. 하지만, CSS를 사용한다면 HTML파일을 일일이 수정할 필요없이 CSS만 수정한다면 해당 CSS가 적용된 페이지를 모두 수정할 수 있습니다.

 

HTML과 CSS

---

HTML과 CSS는 웹사이트를 만들 때 주로 사용되는 언어로 프론트엔드 기술에 해당합니다. HTML로 웹페이지의 기본 뼈대와 틀을 만들며 이렇게 만들어진 뼈대와 틀의 디자인과 레이아웃은 CSS를 사용해 꾸밀 수 있습니다. HTML이 메인이고 CSS는 HTML의 서포터 역할을 하신다고 생각하시면 됩니다.