안녕하세요, 여행벌입니다.
앞으로 HTML5 + CSS3 공부했던 내용을 차근차근 정리해보겠습니다.
HTML 이란 무엇일까
컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있습니다. 예를 들어 한글 프로그램으로 작성한 문서는 .hwp 확장자를 가집니다. 이처럼 웹 사이트에서 사용할 문서는 웹에 맞는 형식인 .html 확장자를 붙입니다. 하지만 일반 문서와 웹 문서는 큰 차이가 존재합니다. 일반 문서는 문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 서로 같지만 웹 문서는 문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 서로 다릅니다. 이때, 웹 문서를 작성하는 프로그램을 '웹 편집기(web editor)'라고 하고 웹 문서를 보는 프로그램을 '웹 브라우저(web browser)' 라고 합니다.
HTML은 하이퍼텍스트 마크업 랭귀지(HyperText Markup Language)의 약자로 말 그대로 하이퍼텍스트를 마크업하는 언어입니다. '하이퍼텍스트'란 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말하고 '마크업' 이란 태그(tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지 표시하는 것을 말합니다. 즉, 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML 입니다.
웹 표준이란
쉽게 얘기하면 웹 표준은 웹 사이트를 만들 때 지켜야 하는 약속들을 정리해놓은 것입니다. 웹 표준을 지켜 사이트를 제작하면 사용자는 장소나 브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있고 웹 개발자와 웹 디자이너들은 웹 표준을 지켜 웹 사이트를 개발하면 되므로 시간 낭비를 막을 수 있습니다. 웹 표준이 없다면 어떤 사이트는 크롬에서만 동작하고 어떤 사이트는 사파리에서만 동작하는 등 많은 문제가 발생합니다. 이를 막기 위해 웹 표준이 등장했고 HTML5와 CSS3를 이용하면 최신 웹 표준에 맞는 사이트를 제작할 수 있습니다.
'Dev > HTML5 + CSS3' 카테고리의 다른 글
[HTML+CSS] 리스트를 만들어 주는 <ul> <ol> <li> <dl> <dt> <dd> 태그 (0) | 2020.01.17 |
---|---|
[HTML+CSS] 텍스트 관련 <span> <abbr> <cite> <small> <sub> <sup> <s> <u> 태그 (0) | 2020.01.17 |
[HTML+CSS] 텍스트 인라인 레벨 <strong> <b> <em> <i> <q> <mark> 태그 (0) | 2020.01.17 |
[HTML+CSS] 텍스트 블록 레벨 <h> <p> <br> <hr> <blockquote> <pre> 태그 (0) | 2020.01.17 |
[HTML+CSS] HTML 기본 구조 (1) | 2020.01.17 |