본문 바로가기

JavaScript/[1] HTML5의 기본

#1. HTML이란 무엇인가?

728x90
반응형

4.18 입대 후 처음으로 올리는 코딩 블로그이다. 예전의 실력이 죽지 않도록 간간히 포스팅하도록 하겠다.

HTML이란 무엇일까?

파일의 형식

컴퓨터에서 사용하는 모든 파일에는 각각의 고유의 형식이 존재하는데, 이중 웹 사이트에서 사용할 문서는 웹에 맞는 형식인. html 확장자를 붙여 다른 문서와 구분하고 이 파일을 더블 클릭하면 브라우저가 실행이 되며 그 안의 내용이 표시가 된다.

 

엑셀 .xlsx
한글 .hwp
HTML .html

이때 일반 문서와 웹 문서는 차이가 존재한다.

일반 문서 웹 문서
문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 같음 문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 다름

이때 웹 문서를 작성하는 프로그램웹 편집기라고 하고 웹 문서를 보는 프로그램웹 브라우저라고 한다.

웹 문서는 웹 편집기와 웹 브라우저로 나뉜다.

HTML의 의미

HTML이란 하이퍼 텍스트 마트업 랭귀지(Hypertext Markup Language)의 약자로 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어이며, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어라고도 볼 수 있다.

HTML 로고

앞서 말한 HTML는 웹 표준 기술인데, 웹 표준 기술이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준을 일컫는다. 이러한 웹 표준을 이용하면 장소나 브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있고 개발에 용이하다는 장점이 있다.

 웹 표준 기술: 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준

HTML과 CSS의 장점

4차 산업혁명이 이미 우리의 삶 속에 깊이 들어온 현재, 스마트폰 뿐만 아니라 이미 다양한 사물들이 인터넷 속에서 서로 상호 소통을 하고 있다. 이런 상황에서 모든 기기에 맞는 브라우저를 위해 따로 코딩하는 것은 불필요한 시간과 노력이 소모되는데, 이러한 문제를 해결할 수 있는 것이 바로 HTML5이다.

 

HTML5문법에 맞게 코딩을 한다면 불필요한 소모없이 거의 모든 기기에서 원하는 프로그래밍 결과를 얻을 수 있다.

 

또한 스마트폰의 보급과 시장 활성화로 인해서 스마트폰에서 사용할 모바일 페이지나 어플리케이션을 위한 필수적인 분야가 되었는데, 이는 앱 개발에 필요한 프로그래밍 언어는 있지만 웹 화면에 보여주는 정보는 html과 css가 담당하기 때문이다.

728x90
반응형

'JavaScript > [1] HTML5의 기본' 카테고리의 다른 글

#3. 웹 문서 작성 및 업로드  (0) 2022.09.16
#2-2. HTML 문서 실습하기  (1) 2022.09.15
#2-1. HTML의 기본 구조  (0) 2022.08.28
댓글