권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

다크 모드로 보기 라이트 모드로 보기

저희와 함께 하시겠습니까?

프로젝트 의뢰는 아래로 문의 주시기 바랍니다.
websre@naver.com
Tel: 1800-9356

  • Portfolio

    Our work 에서 자세한 정보를 확인하세요.

  • General

    48, Dunjiro, Seo-gu, Daejeon
    대전광역시 서구 둔지로 48 (둔산동, 두림빌딩)

본문 바로가기

News

웹스리퍼블릭의 공지사항을 확인하세요.

Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now
News
March 23, 2018
Article

HTML5.2와 HTML5.1의 차이점

본문

HTML5.2가 W3C의 권고안이 됐다. 변경된 사항을 살펴봤다.

 

새로운 기능
•dialog 요소
•ECMA-262 모듈 시스템
•레퍼러 정책
•ARIA 1.1을 참조
•link 요소의 nonce 속성, CSP3
•iframe 요소의 allowpaymentrequest, Payment Request API
•iframe 요소의 sandbox 속성값으로 allow-presentation, Presentation API
•링크의 rel 속성값으로 canonical
•noreferrer 링크 타입 값, SECURE-CONTEXTS
•link 요소의 size 속성을 사용할 수 있게 해주는 rel 속성값으로 apple-touch-icon
•registerContentHandler(), isContentHandlerRegistered(), isProtocolHandlerRegistered() 메서드
•html 요소의 innerText IDL 속성
•about:html-kind URL, MP4 media track
•Should element be blocked a priori by Content Security Policy? 적용

 

삭제된 기능
•keygen, menu, menuitem 요소
•텍스트 input 요소의 inputmode, dropzone 속성
•The showModalDialog 메서드
•Plugin API 폐기됨

 

개선된 기능
•load 이벤트를 지연시키는 네트워크에 있지 않은 자원으로부터의 자원 요청 중단
•임의의 새로고침 최대치 삭제
•ismap의 좌표계에 경계선이 들어가지 않음
•accesskey의 정의를 출력 가능한 글자를 포함하도록 변경
•summary 요소의 활성화 알고리즘을 현실적으로 변경
•table 요소의 행과 열 결정 알고리즘 수정
•summary 요소의 랜더링 개선
•깨진 URL이 파싱되지 않은 값을 반환하는 것을 반영
•currentScript가 SVGScriptElement를 반환할 수 있음
•textarea 요소를 리셋할 때 dirty value flag도 리셋됨
•document.open(), document.close()가 XML 문서를 검사
•HashChangeEvent URL이 DOMString이 아니라 USVString 임
•Selection member의 형식이 null이 될 수 있음
•data: URL이 출처에 따라 구분됨
•tabindex 때문에 포커스가 생기는 요소는 포인터 기기가 아닌 기기로 활성화 할 때 click 이벤트를 발생하지 않음
•sandbox 컨텐츠에 대한 네비게이션
•Updated allowable role values in line with [html-aria]
•다음은 이제 유효한 HTML 임

◦body 요소 안의 style 요소
◦한개만 사용자에게 보여진다면 DOM에 여러개의 main 요소를 사용할 수 있음
◦The presentation for the img element.
◦dl 요소의 자식요소로 사용된 div 요소
◦li 요소의 자식요소로 사용된 용어정의 내용을 포함하는 dfn 요소
◦fieldset 요소 안의 legend 요소 안에 사용된 헤딩
◦datalist 요소의 자식요소로 사용된 빈 option 요소
◦HTML 문법상 두개의 연속된 하이픈이나 하나의 하이픈으로 끝나는 주석
◦BiDi 알고리즘 섹션의 제한을 삭제

•다음은 이제 유효하지 않은 HTML 임

◦caption 요소의 role 속성
◦p 요소 하위의 인라인 블록, 인라인 표, 플로트 되었거나 포지션된 블록 레벨 요소
◦HTML4나 XHTML1 strict 문서 형식의 콘텐츠

 

출처 : 신현석블로그(https://hyeonseok.com/soojung/webstandards/2017/12/18/830.html)  

Contact us

궁금하신 사항을 남겨주세요!
확인 후 빠른 답변 드리겠습니다.
  • A. 대전광역시 서구 둔지로 48 두림빌딩 5층 (주)웹스리퍼블릭
  • T. websre@naver.com
  • M. 1800-9356
  • 예산을 선택해 주세요.
    • 100만원 이하
    • 300만원 이하
    • 500만원 이하
    • 700만원 이하
    • 1000만원 이하
    • 1000만원 ~ 2000만원
    • 2000만원 이상


디자인 샘플보기

상담톡
궁금한게 있으신가요? 무엇이든 물어보세요.