현재 위치: > 기술 기사 > 웹 프론트엔드 > H5 튜토리얼

  • HTML5 실습 및 양식 분석
    HTML5 실습 및 양식 분석
    HTML5는 또한 몇 가지 새로운 데이터 확인 기능을 추가하고 몇 가지 새로운 태그 속성을 추가하여 양식을 일부 개선했습니다. 이러한 검증 기능을 사용하면 JavaScript 없이 검증을 수행할 수 있습니다. JavaScript가 비활성화된 경우에도 아무런 압력 없이 양식을 검증할 수 있습니다. 개발자는 JavaScript를 사용하지 않습니다. 브라우저는 마크업의 규칙에 따라 유효성 검사를 수행하고 적절한 오류 메시지를 표시합니다. 이러한 사용자 친화적인 기능은 Html5를 지원하는 브라우저에서만 효과적입니다. 지원되는 브라우저에는 Opera 10+, Safari 5+, Chrome 및 Firefox 4+가 포함됩니다.
    H5 튜토리얼 1769 2018-05-14 16:28:04
  • HTML5의 입력 태그(유형 속성)에 대한 자세한 소개
    HTML5의 입력 태그(유형 속성)에 대한 자세한 소개
    새로운 유형 속성 소개 먼저 표와 테스트 코드를 살펴보겠습니다. 효과 실행 새로운 유형 속성에 대한 참고 사항 호환성 문제 호환성 문제로 인해 브라우저마다 표시 효과가 다르지만 모바일에서는 표시 효과가 다릅니다. 장치 지원 효과가 좋으며 테스트를 위해 페이지를 휴대폰으로 보낼 수 있습니다. 실제 개발에서는 이메일 등의 콘텐츠를 입력할 때 사용자가 모두 정확할 수 없는지 확인하기 위해 필요에 따라 입력 양식을 선택할 수 있습니다. 주소, 전화 길이 등...
    H5 튜토리얼 11898 2018-05-14 16:26:12
  • HTML5 사용자 정의를 사용하여 플레이어 코드 공유 실현
    HTML5 사용자 정의를 사용하여 플레이어 코드 공유 실현
    이번 글에서는 커스텀 html5 플레이어를 처음부터 구현하기 위한 샘플 코드를 주로 소개하고 있는데, 에디터가 꽤 괜찮다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 편집자를 따라가서 살펴보겠습니다.
    H5 튜토리얼 4995 2018-05-14 13:51:03
  • postMessage_html5 튜토리얼 기술을 통한 html5 도메인 간 통신 방법
    postMessage_html5 튜토리얼 기술을 통한 html5 도메인 간 통신 방법
    이번 글은 HTML5에서 postMessage를 통해 도메인 간 통신 방법에 대한 관련 정보를 주로 소개하고 있는데, 편집자는 이 내용이 꽤 좋다고 생각합니다. 이제 HTML5 소스 코드를 참고로 사용해도 됩니다. HTML5에 관심 있는 친구들은 에디터를 따라가며 구경해 보세요.
    H5 튜토리얼 1647 2018-05-14 13:38:18
  • HTML5每日一练之datalist标签自动补全的使用
    HTML5每日一练之datalist标签自动补全的使用
    注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的select?”,后来才知道,有些书籍或教 ...,。
    H5 튜토리얼 2630 2018-05-14 11:36:14
  • HTML5 캔버스 기본 그리기 그리기 곡선
    HTML5 캔버스 기본 그리기 그리기 곡선
    <canvas></canvas>는 그래픽을 그리는 데 사용되는 HTML5의 새로운 태그입니다. 실제로 이 태그의 특별한 특징은 이 태그가 JavaScript 스크립트를 사용할 수 있는 CanvasRenderingContext2D 개체를 얻을 수 있다는 것입니다. 그리기 위해 이 개체를 제어합니다. <canvas></canvas>는 id, class, style, hei 등의 속성 외에 그래픽을 그리기 위한 컨테이너일 뿐입니다.
    H5 튜토리얼 4812 2018-05-14 11:03:22
  • Xiaoqiang의 HTML5 모바일 개발 로드(46) - 환율 계산기 [2]
    Xiaoqiang의 HTML5 모바일 개발 로드(46) - 환율 계산기 [2]
    이전 글에서는 환율 계산 페이지를 완료하였으며, 이제 환율 설정 페이지 표시를 완료하겠습니다.
    H5 튜토리얼 2701 2018-05-12 16:58:12
  • HTML5画布下js的文字云/标签云效果-D3 Cloud
    HTML5画布下js的文字云/标签云效果-D3 Cloud
    如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用 ...,。
    H5 튜토리얼 5932 2018-05-12 15:04:14
  • HTML5 로컬 데이터베이스 인스턴스에 대한 자세한 설명
    HTML5 로컬 데이터베이스 인스턴스에 대한 자세한 설명
    HTML5의 웹 SQL 데이터베이스(html5 로컬 데이터베이스)는 실제로 매우 매력적입니다. mysql 쿼리와 동일한 쿼리 문을 사용하여 로컬 데이터베이스를 작동할 수 있다는 사실을 알게 되면 이것이 매우 흥미로울 것입니다. 오늘은 HTML 5의 Web SQL Database API인 openDatabase, transaction, ExecuteSql에 대해 알아 보겠습니다.
    H5 튜토리얼 9115 2018-05-12 14:46:42
  • html5를 사용하여 사진을 업로드하면 IOS와 Android 시스템 모두 카메라 사진과 사진 선택이 표시됩니다.
    html5를 사용하여 사진을 업로드하면 IOS와 Android 시스템 모두 카메라 사진과 사진 선택이 표시됩니다.
    최근에 편지 개발을 할 때 <input type="file" />이 IOS의 사진 갤러리에서 사진을 찍거나 선택할 수 있는 반면 Android 시스템에는 리소스 관리자가 표시되고 정보를 검색할 수 있는 사진 옵션이 없다는 것을 발견했습니다. 온라인에서 <input type ="file" Capture="camera">로 변경하면 Android는 카메라와 문서를 표시할 수 있지만 IOS는 사진 옵션만 있습니다. 마지막으로 장치 유형을 판단하여 사진 및 갤러리 옵션이 표시될 수 있습니다. IOS와 안드로이드 모두.
    H5 튜토리얼 4673 2018-05-12 13:56:55
  • HTML5에서 video 태그가 mp4를 재생할 수 없는 문제에 대한 해결 방법
    HTML5에서 video 태그가 mp4를 재생할 수 없는 문제에 대한 해결 방법
    이 글은 주로 HTML5의 비디오 태그가 MP4를 재생할 수 없는 문제를 해결하는 방법을 소개합니다. 글의 소개는 매우 자세하게 설명되어 있어 필요한 모든 사람의 학습이나 학습에 도움이 될 것입니다. 함께 읽어볼 수 있어요.
    H5 튜토리얼 4926 2018-05-12 11:27:46
  • 使用HTML5做个画图板的方法介绍
    使用HTML5做个画图板的方法介绍
    做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
    H5 튜토리얼 4314 2018-05-12 09:41:26
  • 모바일 HTML5에서 가로 및 세로 화면을 결정하는 방법
    모바일 HTML5에서 가로 및 세로 화면을 결정하는 방법
    이 글에서는 HTML5(모바일 단말기)에서 가로, 세로 화면을 판단하는 방법에 대한 관련 정보를 주로 소개하고 있습니다.
    H5 튜토리얼 4567 2018-05-11 16:57:46
  • 纯js和CSS3炫酷自动幻灯片特效
    纯js和CSS3炫酷自动幻灯片特效
    Karrot Slider是一款纯Javascript和CSS3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 ...,。
    H5 튜토리얼 3573 2018-05-11 16:35:40
  • Canvas와 html5를 활용한 영상 스크린샷 기능 구현 예시
    Canvas와 html5를 활용한 영상 스크린샷 기능 구현 예시
    그동안 캔버스 공부를 하다가 문득 영상의 스크린샷을 찍고 그 사진을 뽑아서 이모티콘을 만드는 기능을 만들어볼까 하는 생각이 들었어요, 하하하하하하하하하하하하하하하하하~~ 제작방법 : 1. 페이지에 영상을 로딩하고 캔버스를 사용합니다 이 스크린샷을 만들려면 해당 기능을 사용할 때 편리하게 조작할 수 있도록 먼저 해당 페이지에 비디오가 로드되었는지 확인해야 합니다. <video> 태그를 직접 삽입하는 다음 방법을 사용하는 경우: <video
    H5 튜토리얼 3727 2018-05-11 16:20:22

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.