세상과 연결

HTML5 로컬 저장소HTML 로컬 저장소 란 무엇입니까?로컬 스토리지를 사용하면 웹 응용 프로그램이 사용자 브라우저에 로컬로 데이터를 저장할 수 있습니다. HTML5 이전에는 애플리케이션 데이터를 모든 서버 요청에 포함 된 쿠키에 저장해야했습니다. 로컬 저장소는 더 안전하며 대량의 데이터를 웹 사이트 성능에 영향을 미치지 않고 로컬에 저장할 수 있습니다. 쿠키와 달리 저장 용량 한도는 훨씬 크며 (최소 5MB) 정보는 서버로 전송되지 않습니다. 로컬 저장소는 원본 (도메인 및 프로토콜 당) 당입니다. 한 원점의 모든 페이지는 동일한 데이터를 저장하고 액세스 할 수 있습니다. HTML 로컬 저장소 객체HTML 로컬 스토리지는 클라이언트에 데이터를 저장하기위한 두 가지 객체를 제공합니다. 1.window...

HTML5 드래그 앤 드롭 끌어서 놓기드래그 앤 드롭은 매우 일반적인 기능입니다. 그것은 당신이 물건을 "움켜 잡아"다른 위치로 끌 때입니다. HTML5에서 드래그 앤 드롭은 표준의 일부입니다. 모든 요소를 ​​드래그 할 수 있습니다. HTML 끌어서 놓기 예제아래의 예제는 간단한 드래그 앤 드롭 예제입니다. 요소를 드래그 가능하게 만들기먼저 요소를 드래그 할 수있게하려면 draggable 속성을 true로 설정하십시오. 무엇을 드래그 할 것인가 - ondragstart와 setData ()그런 다음 요소를 끌 때 발생할 일을 지정하십시오. 위의 예에서 ondragstart 속성은 드래그 할 데이터를 지정하는 함수 drag (event)를 호출합니다. dataTransfer.setData () 메서드는 ..

HTML5 Geolocation 사용자 위치 찾기HTML Geolocation API는 사용자의 위치를 ​​찾는 데 사용됩니다 사용자의 위치 찾기HTML Geolocation API는 사용자의 지리적 위치를 가져 오는 데 사용됩니다. 이는 개인 정보를 침해 할 수 있으므로 사용자가 승인하지 않는 한 해당 위치를 사용할 수 없습니다. 참고 : Geolocation은 iPhone과 같이 GPS가있는 기기에서 가장 정확합니다. HTML Geolocation 사용getCurrentPosition () 메서드는 사용자의 위치를 ​​반환하는 데 사용됩니다. 아래 예제는 사용자 위치의 위도와 경도를 반환합니다. 예제 설명 : 1.Geolocation이 지원되는지 확인하십시오.2.지원되는 경우 getCurrentPos..

YouTube 동영상 IDYouTube는 동영상을 저장 (또는 재생) 할 때 ID (예 : XGSy3_Czz8k)를 표시합니다.이 ID를 사용하고 HTML 코드에서 동영상을 참조 할 수 있습니다.HTML로 YouTube 동영상 재생하기웹 페이지에서 비디오를 재생하려면 다음을 수행하십시오.YouTube에 비디오 업로드동영상 ID를 기록해 둡니다.웹 페이지에 요소 정의src 속성이 비디오 URL을 가리 키도록합니다.width 및 height 속성을 사용하여 플레이어의 크기를 지정합니다.다른 매개 변수를 URL에 추가하십시오 (아래 참조).예 - iFrame 사용 (권장) YouTube 자동 재생YouTube URL에 간단한 매개 변수를 추가하여 사용자가 해당 페이지를 방문하면 동영상이 자동으로 재생되기 시작..

HTML 도우미 (플러그인)도우미 응용 프로그램 (플러그인)은 웹 브라우저의 표준 기능을 확장하는 컴퓨터 프로그램입니다.잘 알려진 플러그인의 예는 Java 애플릿입니다. 태그 또는 태그를 사용하여 웹 페이지에 플러그인을 추가 할 수 있습니다. 플러그인은 여러 가지 용도로 사용할 수 있습니다 :지도 표시, 바이러스 검사, 은행 계좌 확인 등.비디오 및 오디오를 표시하려면 : 및 태그를 사용하십시오. 요소 요소는 모든 브라우저에서 지원됩니다. 요소는 HTML 문서 내에 포함 된 객체를 정의합니다.웹 페이지에 플러그인 (예 : Java 애플릿, PDF 판독기, Flash Player)을 내장하는 데 사용됩니다.예 요소를 사용하여 HTML을 HTML에 포함 할 수도 있습니다.예 또는 이미지가 원한다면 :예

HTML5 Audio on the Web(웹상의 오디오) HTML5 이전에는 오디오 파일을 플러그인과 같은 브라우저에서만 재생할 수있었습니다 (예 : 플래시). HTML5 요소는 웹 페이지에 오디오를 삽입하는 표준 방법을 지정합니다. 브라우저 지원표의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. HTML 요소HTML 형식의 오디오 파일을 재생하려면 요소를 사용하십시오 . 예 Your browser does not support the audio element. HTML 오디오 - 작동 원리컨트롤 속성은 재생, 일시 정지, 볼륨처럼, 오디오 컨트롤을 추가합니다. 요소는 브라우저에서 선택할 수 있습니다 다른 오디오 파일을 지정할 수 있습니다. 브라우저는 인식 된 첫 번째 형식을 사용합..

The HTML Element HTML 형식의 오디오 파일을 재생하려면 요소를 사용하십시오. Example Your browser does not support the audio element. Your browser does not support the audio element.

HTML 요소HTML로 비디오를 표시하려면 요소를 사용하십시오. Example Your browser does not support the video tag. Your browser does not support the video tag.

HTML Google Maps Google지도를 사용하면 웹 페이지에지도를 표시 할 수 있습니다. A Basic Web Page 웹 페이지에 Google지도를 추가하는 방법을 보여주기 위해 기본 HTML 페이지를 사용합니다. Example My First Google Map My map will go here Set the Map Size지도 크기 설정 : Example Create a Function to Set The Map Properties 이 예는 영국의 런던 중심의 Google지도를 정의합니다. Example function myMap() { var mapOptions = { center: new google.maps.LatLng(51.5, -0.12), zoom: 10, mapTypeId: ..

SVG와 캔버스의 차이점SVG는 XML에서 2D 그래픽을 설명하기위한 언어입니다. Canvas는 2D 그래픽을 즉석에서 그립니다 (JavaScript 사용). SVG는 XML 기반이며, 이는 모든 요소가 SVG DOM 내에서 사용 가능하다는 것을 의미합니다. 요소에 JavaScript 이벤트 핸들러를 첨부 할 수 있습니다. SVG에서 그려진 각 도형은 객체로 기억됩니다. SVG 객체의 속성이 변경되면 브라우저는 자동으로 모양을 다시 렌더링합니다. 캔버스는 픽셀 단위로 렌더링됩니다. 캔버스에서 그래픽이 그려지면 브라우저에서이를 잊어 버립니다. 위치를 변경해야하는 경우 그래픽으로 덮여있을 수있는 모든 객체를 포함하여 전체 장면을 다시 그려야합니다. 캔버스와 SVG의 비교아래 표는 Canvas와 SVG의 중요..