[FE 기본기] HTML5, Progressive Enhancement, Graceful Degradation 요약

HTML5

- 버전이 없는 Living Standard로 변화

- 그래도 이전과의 차이를 두기 위해 HTML5라고 지칭한다. HTML6이 나오진 않을 것.
- HTML 엘리먼트와 속성, 속성값은 특정한 의미를 지니도록 정의되었다.
- 의미를 기술하기 위한 Microdata도 포함 (지메일 지원)
- Microdata를 포함해도 구글 검색 우선순위 배치와 같은 이점이 아직은 없다.
- 비주얼 요소를 의미하는 태그나 속성은 사라지거나 의미가 변함

    - <i>, <b> 등등 옛날 기능을 브라우저 자체에서 지원하는 것이지 HTML5 명세에는 포함되지 않는다.
- 멀티미디어, 네트워크 등 다양한 기능과 API 추가
    - <canvas>, <video>, <figure>, srcset 등
    - WebSocket, WebWorker, Web Storage, History, Navigator, Events, Timers
- HTML 외에 문서로도 많은 기능들이 존재한다
    - 데스크탑에서 알림을 표시해주는 Notifications API
    - XmlHttp 
    - 웹페이지를 전체 화면으로 보여주는 Fullscreen API
    - Fetch API
    - WebGL
    - CSSOM
    - Console

 

점진적 향상 (Progressive Enhancement) vs. 우아한 성능 저하 (Graceful Degradation)
- 꼭 필요한 정보를 사용자가 불편함 없이 얻어야 한다.
- caniuse.com

우아한 성능 저하
<video> 태그 안에 <a> 태그를 넣음 으로써, <video> 태그를 지원하지 않는 브라우저에서는 <video> 태그 대신 <a> 태그를 통한 링크를 보여줌과 같은 대비책을 만들어 두는 것

점진적 향상
성능이 부족한 환경을 기준으로 먼저 작성을 하고 최신 기능을 지원하는 환경에서만 해당 기능을 제공(추가)하는 것