인터넷의 개발은 항상 새로운 기술의 출현을 일으키고 있으며, HTML5와 CSS3는 최근에 모든 인터넷 개발자, 특히 프론트 엔드 개발자에게 논의 된 주제이며 호기심과 욕망으로 가득합니다. 그렇다면 우리를 빛나게하는 HTML5 및 CSS3의 정확히 무엇이 있습니까? WebRebuild Beijing Exchange Conference에서 " HTML5 및 CSS3 공개"와 함께 PPT가 있습니다.
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
HTML 5 드래프트의 전임자는 2004 년 WHTWG에 의해 웹 애플리케이션 1.0이라고 불렀으며 새로운 HTML 작업 팀을 설립했습니다. 2008 년 1 월 22 일, 첫 공식 초안이 발표되었습니다. HTML 5는 지난 10 년간 웹 개발 표준에서 가장 큰 도약입니다. 이전 버전과 달리 HTML 5는 웹 컨텐츠를 나타내는 데 사용되는 것이 아닙니다 표준화됩니다. HTML5의 기술적 개요를 살펴 보겠습니다.
HTML5는 비디오 및 오디오와 같은 많은 멀티미디어 및 대화식 요소를 추가했습니다. IMG 태그만큼 편리합니다. 페이지 레이아웃 및 컨텐츠 구현 측면에서 HTML5는 HTML을 사용하여 파일의 업로드 진행 막대를 나타내려면 많은 구조화 된 태그 요소를 추가했습니다. . 값 속성은 완료된 작업의 수를 설명하며 최대 속성은 DOM 인터페이스를 통해이 진행률 표시 줄 (읽기 전용)의 위치 속성을 얻을 수 있습니다. 작업 완료의 백분율. YouTube는 HTML5 기술을 시도했습니다. 물론 HTML5는 입력 및 TextRea의 자리 표시 자 속성과 같은 일부 속성을 추가했습니다. 스크립트. 모든 HTML 공통 속성에 대해, 우리는 일반적으로 클래스, id, tabindex, 제목과 같은 "글로벌 속성"이라고 부릅니다. HTML5는 또한 HTML5에서 항목, ItemPro, 피사체 등의 새로운 속성과 같은 마이크로 데이터에 대한 지원을 추가합니다.
물론 HTML5는 글꼴, 센터, 스트라이크 등과 같은 페이지 디스플레이를 나타내는 일부 요소를 제거했습니다. 이는 CSS에 의해 수행되어야하므로 여전히 웹 사이트의 접근성에 영향을 미치는 요소도 있습니다. 프레임, 프레임 세트, 노 프라임 및 약어 및 ABBR과 같은 일부 드문 요소와 같은 제거는 약어를 나타내는 데 사용됩니다. HTML5는 또한 링크의 REV 속성 및 TD의 범위 속성과 같은 클라이언트 호환성에 영향을 미치는 일부 HTML 친숙성을 제거합니다.
HTML5는 URL, 이메일, 날짜, 전화 등과 같은 강력한 제어 유형, 필요한 것과 같은 강력한 제약 속성, 파일 업로드에 대한 수락 속성 및 HTML5도 제출 방법을 설정할 수 있습니다. 서버가 수신 한 데이터가 XML 형식으로 이루어지고 HTML5 양식은 현재 "웹 양식 2.0"으로 정의됩니다.
웹 양식 2.0 데모를 보려면 여기를 클릭하십시오. Opera9.5+가 필요합니다.
많은 HTML5 인터페이스는 DOM 레벨 2 HTML의 HTMLDocument에서 상속됩니다. 선택기 선택기의 객체는 QuerySelector와 QuerySelectorAll에 두 가지 메소드를 가지고 있으며 CSS 선택기를 기반으로 쿼리 할 요소를 얻을 수있는 요소가 있습니다.
html5가 JavaScript에 추가 된 API는 무엇입니까?
비디오/오디오 : HTML5는 비디오 및 오디오를위한 API를 제공하여 개발자가 미디어 컨텐츠 재생 또는 일시 중지와 같은 자체 사용자 인터페이스를 제어 할 수 있도록합니다.
캔버스 : 캔버스는 스크립트 언어 (일반적으로 JavaScript)에서 그래픽을 그리는 데 사용할 수있는 새로운 HTML 요소입니다. 예를 들어, 사진을 그리거나 이미지를 합성하거나 간단하고 간단하지 않은 애니메이션을 수행하는 데 사용될 수 있습니다. 캔버스는 마법의 일입니다. Photoshop을 사용하는 첫 번째 느낌은 캔버스를 통해이 캔버스를 얻을 수 있습니다. Fillstyle 또는 스트로크 색상을 뇌졸중식으로 설정하거나 도면 경로의 작동조차 Photoshop의 펜 작업과 일치합니다. Canvas는 이미 Firefox의 실시간 다운로드 상태 통계와 같은 많은 웹 사이트에 응용 프로그램이 있으며 캔버스를 사용하여 웹 게임을 작성할 수도 있습니다.
드래그 앤 드롭 : 장치를 나타내는 비주얼 미디어에서 "드래그"의 작동은 마우스 다운 및 마우스 미 모브 이벤트이며 마우스가 풀릴 때 트리거 된 이벤트입니다. DateEvent 및 Datatransfer 인터페이스는 드래그 작업이 발생하면 DragStart, Dragter, Dragleave, Drop, Dragend 및 기타 이벤트가 트리거됩니다.
웹 작업자 : JavaScript 멀티 스레딩을 만들고 현재 브라우저 작업을 차단하지 않고 백그라운드에서 많은 작업을 수행 할 수 있습니다.
GEOLocation : geolocation. geolocation.getCurrentPosition (성공, 오류). 브라우저는 지리적 위치를 공유하는지 여부를 프롬프트합니다 위치 객체에는 코디 객체에는 위도 (차원) 및 경도 (경도)와 같은 많은 지리적 위치 정보가 포함되어 있어이 기능이 널리 사용되었습니다 iPhone과 같은 일부 휴대 전화에서.
애플리케이션 캐시 : HTML5의 오프라인 응용 프로그램에 대한 지원입니다. 필요한 파일을 캐시하고 네트워크를 사용할 수없는 경우 에도이 응용 프로그램을 사용할 수 있습니다. 오프라인 응용 프로그램의 경우 Google은 Google Gears Browser Extension을 개발했지만 결국 Google의 HTML5 로의 전환은 HTML5 스토리지 및 오프라인 응용 프로그램의 장점을 볼 수 있습니다.
스토리지 : WebKit은 데이터베이스 스토리지를 구현했으며 데이터를 쿼리하고 백엔드 작업 데이터베이스와 같은 일부 작업을 수행 할 수 있습니다. 쿠키의 저장과 비교하여 SessionStorage 및 LocalStorage와 같은 다른 유형의 스토리지가 저장되어 있으며 저장 용량은 훨씬 큽니다.
X- 문서 메시징 : 브라우저는 보안 및 개인 정보 보호로 인해 다른 도메인 간의 문서 통신을 차단합니다. 교차 문서 커뮤니케이션을 달성하여 소스 도메인의 출처를 무시하고 동시에 스크립트 공격을 방지 할 수 있습니다.
HTML5가 당신을 흥분하게 만들었습니까? 그렇다면 HTML5는 언제 표준이 될까요? 2022 년까지는 매우 흥미로운 웹 사이트 http://ishtml5readyyet.com/이 html5에 며칠이 있는지 알려주는 매우 흥미로운 웹 사이트가 있습니다.