웹 페이지에 주소를 추가하려면 HTML의 address 요소를 사용하십시오. 다음 코드를 실행하여 HTML에서 주소 요소를 구현할 수 있습니다 - 참고 - 주소 요소는 기울임꼴로 렌더링됩니다. 예시 <!DOCTYPE html> <html> <head> <title>HTML address element</title> </head> <body>
소켓을 사용하려면 JavaScript의 WebSocket 인터페이스를 고려하십시오. 이 인터페이스를 사용하면 웹 애플리케이션이 서버 측 프로세스와 양방향 통신을 유지할 수 있습니다. 웹 애플리케이션이 서버 측 프로세스와 양방향 통신을 유지할 수 있도록 이 사양은 WebSocket 인터페이스를 도입합니다. 다음은 웹 소켓 문제를 해결하는 몇 가지 방법입니다. - socket = new WebSocket(url [, protocols ] ) 이것을 사용하여 새 소켓을 만듭니다. 여기서 매개변수 URL은 연결을 위한 문자열이고
둘 이상의 CSS 클래스를 추가하려면 class를 사용해야 합니다. HTML의 속성 예시 다음 코드를 실행하여 HTML의 요소에 대해 둘 이상의 CSS 클래스를 구현하는 방법을 배울 수 있습니다 - <!DOCTYPE html> <html> <head> <style> h2.myClass1 { ba
바로 가기 키를 만들려면 HTML의 access 속성을 사용하세요. 다음 링크에 바로 가기 키를 추가해야 한다고 가정해 보겠습니다. Hadoop Tutorial Firefox 웹 브라우저(Windows)에서 바로 가기 키가 올바르게 작동하도록 하려면 다음과 같이 추가해야 합니다. [Alt] [Shift] + accesskey 예시 다음 코드를 실행하여 HTML에서 요소를 활성화하는 바로 가기 키를 만들 수 있습니다 - <!DOCTYPE html> <html> <body> &
스타일 사용 인라인 CSS 스타일을 설정하는 속성. 다음은 구문입니다 - 구문 <element style="mystyles"> 여기, mystyles 하나 이상의 CSS 속성입니다. 세미콜론으로 구분하십시오. 예시 HTML의 요소에 대한 인라인 CSS 스타일을 구현하기 위해 다음 코드를 실행할 수 있습니다 - <!DOCTYPE html> <html> <body> <h1 style = "colo
HTML 형식으로 여러 파일 업로드를 허용하려면 여러 속성을 사용하십시오. 여러 속성은 이메일 및 파일 입력 유형에서 작동합니다. 여러 입력에서 최대 항목을 제한하려면 JavaScript를 사용하십시오. 이를 통해 업로드할 파일 수를 제한합니다. 예를 들어 한 번에 2개의 파일만 업로드한다고 가정해 보겠습니다. 다음 코드를 실행하여 HTML에서 여러 속성을 사용하는 방법을 배울 수 있습니다. 이를 통해 JavaScript를 사용하여 업로드되는 파일 수를 제한합니다. 예시 <!DOCTYPE html> <h
HTML에서 태그는 줄 바꿈에 사용됩니다. 끝 태그를 추가할 필요가 없는 빈 태그입니다. 태그를 작성하는 것은 완벽합니다. 다른 br 태그(예: 또는 ,)의 사용법을 살펴보겠습니다. HTML에서는 태그를 사용합니다. XHTML에서 유효한 방법은 XHTML 지침에 언급된 대로 또는 를 사용하는 것입니다. 앞에 공백이 포함되어야 합니다(예:). 이 지침은 XHTML 문서가 기존 HTML 사용자 에이전트에서 렌더링하기 위한 것입니다. 다음 코드를 실행하여 태그의 완벽한 사용법을 배울 수 있습니다. 예시 <!DOC
HTML 입력 유형 단계 속성은 법적 숫자 간격을 설정합니다. 단계는 0, 2, 4, 6, 8, 10 등과 같은 숫자 단계입니다. 단계 속성은 최대 및 최소 속성과 함께 사용하여 올바른 값 범위를 생성할 수 있습니다. HTML의 한 범위 입력에서 다른 단계 속성을 사용하려면 JavaScript를 사용합니다. 먼저 step 속성을 사용하는 방법을 알아보겠습니다. 다음 코드를 실행하여 입력 단계 속성으로 숫자 단계를 생성할 수 있습니다. 여기에서는 2단계를 생성하므로 유효한 입력은 2, 4, 6, 8, 10 등이 됩니다. 이외의 숫
월 입력 유형은 를 사용하여 HTML에서 사용됩니다. 이를 사용하여 사용자가 월과 연도를 선택할 수 있습니다. 하지만 연도 팝업만 표시하려면 어떻게 해야 할까요? 음, 연도 입력 유형을 사용할 수 없습니다. 연도 입력 유형을 사용하기 위해 jQuery를 사용하여 datepicker를 추가합니다. 텍스트 입력 유형과 함께 사용됩니다. 프로그램을 실행하면 연도만 표시됩니다. 다음 코드를 실행하여 입력 유형을 사용하여 연도를 설정하는 방법을 배울 수 있습니다. 예시 $(function() { $( #date ).datep
웹사이트에 대화형 요소를 추가해야 하는 경우 Canvas용 무료 라이브러리를 사용하면 작업을 쉽게 수행할 수 있습니다. 먼저 HTML5에서 캔버스를 만드는 방법에 대해 알아보겠습니다. HTML 태그는 스크립팅을 사용하여 그래픽, 애니메이션 등을 그리는 데 사용됩니다. HTML5에 도입된 태그 HTML5로 캔버스를 생성하는 다음 코드를 실행할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <titl
HTML5 localStorage는 브라우저에 문자열 데이터를 저장하고 현재 세션 이후에도 지속됩니다. localStorage는 만료 없이 데이터를 저장하는 반면 sessionStorage는 세션으로만 제한됩니다. 브라우저가 닫히면 세션이 손실됩니다. 로컬 저장소는 여러 창에 걸쳐 있고 현재 세션 이후에 지속되는 저장소용으로 설계되었습니다. 특히, 웹 애플리케이션은 성능상의 이유로 전체 사용자 작성 문서 또는 사용자의 사서함과 같은 메가바이트의 사용자 데이터를 클라이언트 측에 저장하기를 원할 수 있습니다. 다음 코드를 실행하여
GoJS는 대화형 다이어그램을 구현하는 데 사용할 수 있는 JavaScript 라이브러리입니다. 이 페이지에서는 GoJS 사용의 필수 사항을 보여줍니다. 다이어그램과 그래프를 추가하려면 Open Source인 이 라이브러리를 사용하십시오. GoJS는 모델이 노드와 링크를 설명하는 JavaScript 개체의 배열을 보유하는 모델 보기 아키텍처를 가지고 있습니다. 실제 Node 및 Link 개체를 사용하여 이 데이터를 시각화하기 위해 다이어그램이 보기 역할을 합니다. GoJS로 다이어그램을 구성하면 지정된 DIV 요소 내부에 배치할 H
Document 객체는 해당 창에 표시되는 HTML 문서를 나타냅니다. Document 개체에는 다른 개체를 참조하는 다양한 속성이 있어 문서 콘텐츠에 대한 액세스 및 수정을 허용합니다. 문서 콘텐츠에 액세스하고 수정하는 방식을 문서 개체라고 합니다. 모델 , 또는 DOM . 개체는 계층 구조로 구성됩니다. 이 계층 구조는 웹 문서의 개체 구성에 적용됩니다. 창 개체 − 계층의 맨 위. 개체 계층 구조의 가장 중요한 요소입니다. 문서 개체 − 창에 로드되는 각 HTML 문서는 문서 객체가 됩니다. 문서에는 페이지의 내용이 포함
DnD(끌어서 놓기)는 마우스 클릭을 통해 항목을 쉽게 복사, 재정렬 및 삭제할 수 있는 강력한 사용자 인터페이스 개념입니다. 이렇게 하면 사용자가 요소 위에서 마우스 버튼을 클릭한 상태로 다른 위치로 드래그한 다음 마우스 버튼을 놓아 요소를 드롭할 수 있습니다. 기존 HTML4로 드래그 앤 드롭 기능을 구현하려면 개발자는 복잡한 자바스크립트 프로그래밍이나 jQuery 등과 같은 기타 자바스크립트 프레임워크를 사용해야 합니다. 이제 HTML 5는 브라우저에 기본 DnD 지원을 제공하여 훨씬 더 쉽게 코딩할 수 있는 드래그 앤 드
서버에서 보낸 이벤트는 서버에서 클라이언트로 데이터를 스트리밍하는 방법을 표준화합니다. 웹 애플리케이션에서 Server-Sent Events를 사용하려면 문서에 요소를 추가해야 합니다. 요소의 src 속성은 이벤트가 포함된 데이터 스트림을 보내는 지속적인 HTTP 연결을 제공해야 하는 URL을 가리켜야 합니다. URL은 이벤트 데이터를 일관되게 전송하는 PHP, PERL 또는 Python 스크립트를 가리킵니다. 다음은 서버 시간을 예상하는 웹 애플리케이션의 간단한 예입니다. HTML5에서 서버 전송 이벤트를 사용하는 방법
웹사이트에 YouTube 동영상을 추가하려면 동영상을 삽입해야 합니다. HTML 페이지에 비디오를 포함하려면 요소를 사용하십시오. 소스 속성에 비디오 URL이 포함되었습니다. 동영상 플레이어의 크기는 동영상의 너비와 높이를 적절하게 설정하세요. 동영상 URL은 동영상 삽입 링크입니다. 예제를 포함할 비디오는 YouTube입니다. 임베드 링크를 얻으려면 YouTube 비디오로 이동하여 아래와 같이 임베드를 클릭하십시오. 여기에서 삽입 링크를 얻을 수 있습니다 − 다음 코드를 실행하여 HTML 코드를 사용하여 동영상을 삽입하
페이지 리디렉션은 URL을 클릭하여 X 페이지에 도달했지만 내부적으로는 다른 Y 페이지로 리디렉션되는 상황입니다. 이는 페이지 리디렉션으로 인해 발생합니다. HTML 페이지에서 리디렉션하려면 META 태그를 사용하세요. 이를 통해 http-equiv 속성을 사용하여 콘텐츠 속성 값에 대한 HTTP 헤더를 제공합니다. 내용의 값은 초 수입니다. 페이지가 리디렉션되기를 원합니다. 이를 통해 방문자를 새 홈페이지로 자동 리디렉션할 수 있습니다. 즉시 로드하려면 content 속성을 0으로 설정하십시오. 다음은 2초 후에 현재 페이지를
HTML 태그는 문서에서 사용 중인 HTML 버전을 지정하는 데 사용됩니다. 이를 문서 유형 선언(DTD)이라고 합니다. 선언은 HTML 문서에서 가장 먼저 볼 수 있는 것입니다. 태그 앞에 추가됩니다. 태그에는 종료 태그가 없습니다!. 선언 HTML 4.01에는 HTML 4 Strict, HTML 4 Transitional 및 HTML 4 Frameset의 3가지 가능한 문서 유형이 있습니다. 생성하는 모든 HTML 문서에는 이 세 가지 DTD 중 하나가 있어야 합니다. 엄격한 HTML 4 이 문서 유형에는 더 이상 사용되
페이지 리디렉션은 URL을 클릭하여 X 페이지에 도달했지만 내부적으로는 다른 Y 페이지로 리디렉션되는 상황입니다. 이는 페이지 리디렉션으로 인해 발생합니다. HTML 페이지에서 리디렉션하려면 META 태그를 사용하세요. 이를 통해 http-equiv 속성을 사용하여 콘텐츠 속성 값에 대한 HTTP 헤더를 제공합니다. 내용의 값은 초 수입니다. 페이지가 리디렉션되기를 원합니다. 콘텐츠 속성을 즉시 로드하려면 0으로 설정하세요. 다음은 0초 후에 현재 페이지를 다른 페이지로 리디렉션하는 예입니다. 예시 <!DOCTYPE h
페이지 리디렉션은 URL을 클릭하여 X 페이지에 도달했지만 내부적으로는 다른 Y 페이지로 리디렉션되는 상황입니다. 이는 페이지 리디렉션으로 인해 발생합니다. HTML 페이지에서 리디렉션하려면 META 태그를 사용하세요. 이를 통해 http-equiv 속성을 사용하여 콘텐츠 속성 값에 대한 HTTP 헤더를 제공합니다. 내용의 값은 초 수입니다. 페이지가 리디렉션되기를 원합니다. 페이지에서 새 URL을 즉시 로드하려면 콘텐츠 속성을 0으로 설정하세요. 예시 다음은 3초 후 현재 페이지를 다른 웹사이트로 리디렉션하는 예입니다. &