개발/HTML5 썸네일형 리스트형 HTML5 - 03) <!DOCTYPE html> 웹문서의 시작, 사용하는 이유 은 HTML문서가 시작한다는 선언이다. 그래서 반드시 웹문서 제일 앞에 선언되어야 한다. 크롬, 사파리, 익스플로러 같은 웹브라우저들이 문서를 읽을 때 가장 먼저 를 만나면 "아...이 페이지는 HTML문서구나!", "이 페이지는 HTML5버전으로 만들어졌구나."하고 인지를 한다. 그래야 해당 버전이 가지고 있는 특별한 기능들을 지원해준다. 우리는 지금 HTML5를 사용하면서, 쉽게 HTML문서를 선언하지만, HTML5이전 버전의 HTML문서에서는 선언하는 코드가 길었다. 그럼 HTML의 버전과 함께 선언하는 태그를 살펴보자. HTML5 HTML4.01 Strict HTML4.01 Transitional HTML4.01 Frameset XHTML1.0 Strict XHTML1.0 Transitional .. 더보기 HTML5 - 02) 주석달기 HTML문서에서 주석은 이런 식으로 사용된다. 주석은 웹브라우저가 HTML태그로 인식하지 않게 해준다. 한 마디로 웹사이트를 개발하는 사람은 알아볼 수 있지만, HTML 태그는 아니기에 웹브라우저는 인식하지 못하게 해준다. 주석이 필요한 이유는 어떤 이유로 이런 코드를 짰는지 표시를 남기거나, 다른 개발자가 봤을 때 그 이유를 알기 쉽게 해서 유지보수가 용이하게 하기 위해서다. 코드가 길어지고 복잡해지면 나중에 어떤 내용인지 정확하게 기억이 나지 않는 경우가 많다. 그리고 개발한 사람이 그만두거나 일이 생겼을 때 새로운 사람이 그 내용을 볼 수도 있다. 그래서 HTML이든 CSS든 Javascript, JSP, Android 등 언어를 막론하고 주석은 필수적으로 사용된다. 01 웹사이트의 뼈대 구성에 첨.. 더보기 HTML5 - 01) 웹사이트의 뼈대 구성 우리가 보고있는 이런 웹사이트는 기본적으로 HTML(Hyper Text Markup Language)이라는 언어로 뼈대가 만들어져 있다. Hello, world! 우리 눈에는 보이지 않지만, 웹사이트는 위와 같은 문자로 구성되어 있고, 우리 눈에는 "Hello, world!"라는 글자가 보인다. 웹사이트를 구성하는 , ,... 이런 것을 요소(Elements) 또는 태그(Tags)라고 하는데, 지금 눈으로 보고 있는 화면에는 이런 요소들이 보이지 않지만, 실제는 저런 요소들이 우리 눈에 보이는 지금의 화면을 보여준다. 위 요소는 HTML문서를 정의한다. 웹브라우저(Web Browser)가 이 분서는 HTML 문서구나 알 수 있게 해준다. 이전에는 다소 긴 내용이 들어갔지만, HTML5로 넘어오면서 간편하.. 더보기 이전 1 다음
