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

과제정보

학과	컴퓨터과학과	학년	3학년
과목명	HTML 웹프로그래밍	자료	15건
공통	1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오. ※ 설명에 포함될 내용 → 예를 들어 사용환경, 특징, 장단점, 인터페이스 구성(화면 구성)의 특장점, HTML5 기능의 지원 정도 등 각자가 다양한 기준을 마련해서 비교 ... 더보기 1. 서로 다른 3종류의 최근 웹브라우저를 조사하여 설명하시오. ※ 설명에 포함될 내용 → 예를 들어 사용환경, 특징, 장단점, 인터페이스 구성(화면 구성)의 특장점, HTML5 기능의 지원 정도 등 각자가 다양한 기준을 마련해서 비교 설명해야 한다. ※ 설명은 각 기준별로 구분해서 서술한다. 2. HTML5.2(https://www.w3.org/TR/html52/)를 기준으로 전역 속성을 모두 찾아서 설명하시오. ※ 설명에 포함될 내용 → 각 속성에 대해서 기능, 사용상의 주의점(있는 경우), 사용 방법을 충분히 설명/이해할 수 있는 예제, 그리고 해당 예제를 통해서 예상되는 결과/기능에 대한 구체적인 설명 등을 포함해야 한다. ※ 특정 단어로 시작하는 속성이 여러 개인 경우에는 대표적인 형태 하나를 선택해서 설명한다. ※ 전역 속성은 알파벳순으로 정렬한 후 순서대로 번호를 부여한다. 접기

소개글

"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)