컴퓨터에서 사용하는 모든 파일은 저마다 고유의 형식을 갖습니다. 웹에서는 그에 맞는 형식인 html으로 웹문서가 저장되는데요. 파일 형식은 *.html 또는 *.htm입니다. 웹 문서는 텍스트와 이미지, 링크, 동영상 등 여러 요소를 다루고 표시할 수 있어야 합니다. 이러한 요소들이 웹에서 자유롭게 오가도록 웹 문서를 만드는 언어가 HTML입니다. 지금은 HTML5가 최신 표준안입니다.
웹 문서를 보는 프로그램을 '웹 브라우저'라 하고 웹 문서를 작성하는 프로그램을 '웹 편집기'라 합니다. 우리는 누군가 웹 편집기로 만든 웹 사이트를 웹 브라우저로 보고 있는 거죠. 많이들 쓰는 웹 브라우저로는 크롬, 사파리, 파이어폭스, 엣지, 인터넷 익스플로러 등이 있습니다.
마이크로소프트사의 인터넷 익스플로러는 취약성이 높고 더 이상 개발이 진행되고 있지 않기 때문에 몇 년 후에는 사라질 확률이 높습니다. 다만 아직 국내에서 이를 기준으로 하는 사이트가 많아 웹 사이트를 만들 때 고려해야 할 부분이기도 하죠. 최근 대부분의 회사들은 과감히 익스플로러 지원을 안 하거나 마이크로소프트사의 최신 브라우저인 엣지로 연결시키는 정도로 문제를 해결하고 있습니다.
웹 편집기로는 비주얼 스튜디오 코드, 노트패드, 텍스트메이트 등이 있습니다. 윈도우용인지, 맥용인지, 둘 다 호환 가능한지, 유료인지, 무료인지에 따라 본인에 맞는 편집기를 사용하면 됩니다. HTML태그에 익숙하다면 윈도우의 메모장으로도 웹 문서를 작성할 수 있습니다. 보통은 비주얼 스튜디오 코드를 많이 사용합니다.
[Visual Studio Code 설치하러 가기]
https://code.visualstudio.com/
인터넷 사이트는 대부분 '웹 표준'을 지켜 제작되는데요. 웹 표준이란 웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것입니다. 웹 표준을 지켜 사이트를 만들면 브라우저나 기기에 상관없이 쉽게 웹 사이트를 볼 수 있죠. HTML5로 웹문서를 만들면 웹 표준을 지킨 문서를 만들게 됩니다.
'코딩공부 > html, css' 카테고리의 다른 글
| [html] 표를 만드는 태그들 (table, th, tr, td, colgroup, col ...) (0) | 2022.01.11 |
|---|---|
| [html] 목록 만들 때 사용하는 태그들(<ul>,<li>,<ol>,<dl>,<dt>,<dd>) (0) | 2021.12.07 |
| [html] 텍스트를 한 줄로 묶는 태그들(<strong>, <b>,<em>, <i>,<q> 등) (0) | 2021.11.16 |
| [html] 텍스트를 묶는 태그들(<h1>,<p>,<br>,  등) (0) | 2021.11.08 |
| [html] HTML 기본 문서 구조 알아보기 (0) | 2021.11.08 |