웹 문서를 작성하는 프로그램을 '웹 편집기(web editor)'라고 하고 웹 문서를 보는 프로그램을 '웹 브라우저(web browser)'라고 한다.


웹 브라우저 종류 : 크롬, 파이어폭스, 인터넷 익스플로러, 엣지, 사파리, 오페라

크롬 설치하고 기본 웹 브라우저로 정하기

1. www.google.com/chrome에서 크롬 브라우저를 설치



2. 주소 표시줄 오른쪽에 있는 Chrome 맞춤 설정 및 제어 버튼을 클릭한 후 설정을 선택하고 Chrome을 기본 브라우저로 설정


비주얼 스튜디오 코드 설치하고 살펴보기

3. www.visualstudio.com에서 Visual Studio Code 부분에서 Windows용 다운로드를 클릭하면 비주얼 스튜디오 코드에 대한 설명이 있는 페이지로 이동하면서 파일이 다운로드


1
2
3
4
5
6
7
8
<header></header>
<nav></nav>
<section>
    <article></article>
    <article></article>
</section>
<aside></aside>
<footer></footer>
cs

<header>

페이지 맨 위쪽이나 왼쪽에 위치하는 머리말이다.

<header></header>


<nav>

문서를 연결하는 내비게이션 메뉴이다.

<nav></nav>


<section>

콘텐츠 영역을 나눈다.

<section>

<article></article>

<article></article>

</section>


<article>

콘텐츠 내용을 넣는 부분이다.

<section>

<article></article>

</section>


<aside>

본문 이외에 내용을 표시한다.

<aside></aside>


<footer>

제작 정보와 저작권 정보를 표시한다.

<footer></footer>


HTML5 Shiv

IE8 이하 버전까지 고려하려면 html5shiv.js 파일을 사용한다.


HTML5 Shiv


'latest zip package'를 클릭해서 'html5shiv.js' 파일을 다운받는다. 

<head>

<!--[if lt IE 9]>

<script src="html5shiv.js"></script>

<![endif]-->

</head>


사실 컴퓨터 한다고 하면 무조건 인터넷! 브라우저라는 개념도 없던 시절에는 그저 기본으로 깔려 있는 인터넷 익스플로러가 전부였다. 언제부터였을까? 크롬을 알고 나서부터 여러 브라우저들을 사용하기 시작했고 지금은 크롬과 네이버 웨일을 주로 사용하고 있다.


웹 브라우저(web browser)는 웹 문서를 보는 프로그램이다. 다양한 웹 브라우저들 중에 어떤 웹 브라우저를 사용해야할지 고민이라면 다음 기준으로 선택해보는 건 어떨까? 특히 웹 개발을 마음 먹은 사람이라면 HTML5 지원 정도는 확인해 봐야 하지 않을까?


참고 사이트 : html5test.com


크롬


구글 크롬

HTML5 지원 정도가 가장 높은 만큼 최근 가장 많이 사용되는 브라우저이다.


네이버 웨일


네이버 웨일

소개된 브라우저 중 가장 최신 브라우저로 네이버에서 개발한 웹브라우저이다.


오페라


오페라

사파리와 비슷한 점유율로 다른 브라우저에 비해 사용하는 사람이 적음에도 불구하고 HTML5 지원 점수는 높다.


파이어폭스


모질라 파이어폭스

크롬이 있기 전까지는 개발자들이 자주 사용하는 웹 브라우저로 개발 도구나 부가 기능이 뛰어나다.


엣지


마이크로소프트 엣지

마이크로소프트에서 인터넷 익스플로러 대신 새로 개발된 브라우저로 윈도우 10 기본 브라우저이다.


인터넷 익스플로러


마이크로소프트 인터넷 익스플로러

HTML5 지원이 취약한데다 IE11을 마지막으로 더이상 개발되진 않지만 국내에선 많이 사용되는 브라우저이다.


+ Recent posts