2021년 1학기 HTML웹프로그래밍 중간과제물

소개

"2021년 1학기 HTML웹프로그래밍 중간과제물"에 대한 내용입니다.

목차

1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오.
(1) 크롬
(2) 엣지
(3) 웨일

2. HTML5.2(https://www.w3.org/TR/html52)를 기준으로 전역 속성을 모두 찾아 설명하시오.
(1) accesskey
(2) class
(3) contenteditable
(4) dir
(5) draggable
(6) hidden
(7) id
(8) lang
(9) spellcheck
(10) style
(11) tabindex
(12) title
(13) translate

참고자료

본문내용

1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오.
(1) 파이어폭스
① 사용환경
모질라 파이어폭스(Mozila Firefox)는 모질라 재단과 모질라 코퍼레이션이 개발하는 웹 브라우저이다. PC로는 윈도우와 리눅스, Mac OS 모바일로는 OS X와 안드로이드에서 실행 할 수 있다. 전 세계 점유율은 3.77%(StatCounter의 2020.12 기준)를 차지하고 있다. 모질라사의 게코(Gecko)엔진 기반으로 제작되었으며 매우 낮은 사양의 컴퓨터에서도 사용성이 좋게 맞춰진 브라우저이다 보니 브라우저 중에서도 속도가 매우 빠른 편에 속한다.
② 인터페이스 및 특징
오픈소스 웹브라우저로 커스터마이징이 상당히 자유롭다. 브라우저의 아이콘 위치는 자유롭게 변경 추가할 수 있고, 탭 스크롤 기능이 있어 탭을 많이 열어도 쉽게 탭을 찾을 수 있는 기능이 있다. 또 최근 크롬에서도 추가된 기능인 탭 그룹 기능도 있다. 파이어폭스의 가장 큰 특징은 확장기능이 매우 강력하다는 것이다. 확장기능 때문에 이 브라우저를 사용하는 사람이 있을 정도. 다만 확장기능이 매우 방대하다 보니 확장기능 간의 충돌이 생기는 경우도 있어 무분별한 확장기능 설치는 유의해야한다.
③ 장단점
파이어폭스의 가장 큰 장점으로는 자유로운 커스터마이징과 확장 기능이라고 할 수 있다. 타 브라우저와 다르게 아이콘의 위치, 메뉴나 북마크 등을 자유롭게 커스터마이징 할 수 있다. 또 낮은 사양의 컴퓨터에 맞게 개발하다 보니 빠르다는 장점은 있지만, CPU 메모리를 굉장히 많이 사용한다. 때문에 반응속도는 약간 느리다는 단점이 있다. 개발자툴이 매우 용이해 국내에서도 개발자들이 꽤 사용하지만 아직까지 일반인들에겐 친숙하지 않은 브라우저다.
④ HTML5 기능지원 정도
모질라 사는 MDN Web Docs(https://developer.mozilla.org/ko/docs/MDN/About) 라는 기술문서 사이트를 만들정도로 대부분의 HTML5 웹표준 기능을 지원하고 있다.

참고자료

· StatCounter, “Browser Market Share Worldwide”, 2021,
· < https://gs.statcounter.com/ >, (2020.04.11)
· koreahtml5, “웹 브라우저, 운영체제 이용률”, 2021
· < https://www.koreahtml5.kr/front/stats/browser/browserUseStats.do >, (2020.04.11)
· HTML5TEST, “how well does your browser support html5?”, 2016,
· < https://html5test.com/index.html >, (2020.04.12)
· W3C, “HTML 5.2 / 3.2.5. Global attributes”, 2021
· < https://www.w3.org/TR/html52/dom.html#global-attributes >, (2020.04.12)
· Mozilla and individual contributors, “MDN Web Docs”, 2021,
· < https://developer.mozilla.org/ko/docs/MDN/About >, (2020.04.12)