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

  • 모바일에서 헤더 태그를 사용하는 방법
    모바일에서 헤더 태그를 사용하는 방법
    1.메타 태그 http-equiv 속성 구문 형식: ​ <meta http-equiv="만료" content="수, 2007년 6월 20일 22:33:00 GMT"/> <!--웹 페이지의 만료 시간으로 사용할 수 있는 만료 기간입니다. 웹 페이지가 만료되면 서버로 다시 전송해야 합니다.--> 2.content-type(문자셋 설정 표시) 설정 페이지
    H5 튜토리얼 2168 2017-06-20 14:02:06
  • 경로를 그리는 방법 - 선분
    경로를 그리는 방법 - 선분
    Canvas 그리기 환경의 일부 그리기 방법은 직접 그리기 방법이고 일부 그리기 방법은 경로 기반입니다. 그래픽을 즉시 그리는 방법에는 뇌졸중Rect()와 fillRect() 두 가지가 있습니다. 경로 기반 그리기 시스템 SVG(Scalable Verctor Graphics, 확장 가능한 벡터 그래픽), Adobe Illustrator 등과 같은 대부분의 그리기 시스템.
    H5 튜토리얼 2791 2017-06-20 14:00:45
  • 뮤직 플레이어 제작예(html5)
    뮤직 플레이어 제작예(html5)
    관련 스킬 HTML5+CSS3(페이지 레이아웃 및 동적 효과 구현) Iconfont(벡터 아이콘 라이브러리를 사용하여 플레이어 관련 아이콘 추가) LESS(동적 CSS 작성) jQuery(빠른 js 스크립트 작성) gulp+webpack(LESS, CSS, JS 등 코드를 컴파일하고 압축하는 자동화된 빌드 도구) 구현된 기능 재생이 일시 중지되었습니다(재생 상태를 전환하려면 클릭하세요). 다음곡(다음곡으로 전환) 랜덤 재생(현재 곡 재생 후 자동으로 다음 곡 재생) 단일 루프(클릭
    H5 튜토리얼 3736 2017-06-20 14:00:00
  • HTML5의 몇 가지 흥미로운 새로운 기능
    HTML5의 몇 가지 흥미로운 새로운 기능
    HTML5는 지난 10년 동안 웹 개발 표준에서 가장 큰 도약을 이루었습니다. HTML5는 웹 콘텐츠를 표현하는 데만 사용되는 것이 아닙니다. HTML5 플랫폼에서는 비디오, 오디오, 이미지, 애니메이션 및 컴퓨터와의 상호 작용이 표준화됩니다. 이 튜토리얼에서는 HTML5의 새로운 기능과 각 태그의 사용법을 알려드립니다. HTML5의 몇 가지 흥미로운 새 기능: 페인팅을 위한 캔버스 요소 미디어 재생을 위한 비디오 및 오디오 요소 현지에서 떨어져
    H5 튜토리얼 2139 2017-06-20 13:58:16
  • WeChat 개발 실용 공유 기능
    WeChat 개발 실용 공유 기능
    요구 사항을 이해하면 다음과 같이 나눌 수 있습니다. (1) WeChat 휴대폰 사용자는 WeChat의 JSSDK를 사용할 수 있습니다. (2) 이미지를 선택하고 JSSDK의 "chooseImage"를 사용합니다. 이미지 공유 시 로컬 주소를 공유할 수 없으므로 JSSDK의 "uploadImage"도 필요합니다. (3) Moments에 공유하려면 JSSDK의 "onMenuShareTimeline"이 필요합니다. 종합하면 비즈니스 로직
    H5 튜토리얼 2939 2017-06-20 13:57:28
  • 웹 스토리지--웹 스토리지에 대한 자세한 소개
    웹 스토리지--웹 스토리지에 대한 자세한 소개
    웹 스토리지 분류 클라이언트와 서버 웹 스토리지 이해 웹 애플리케이션이 개발됨에 따라 클라이언트 측 스토리지의 용도가 점점 더 많아지고 있지만 클라이언트 측 스토리지를 구현하는 방법도 점점 더 다양해지고 있습니다. 가장 간단하고 가장 호환성이 높은 방법은 쿠키이지만 실제 클라이언트로 쿠키를 저장하는 데는 여전히 많은 단점이 있습니다. 동시에 다양한 브라우저에도 고유한 저장 방법이 있습니다. 예를 들어 userData Behavior는 IE6 이상에서 사용할 수 있습니다.
    H5 튜토리얼 2149 2017-06-20 13:55:49
  • 모바일 페이지 레이아웃 조작 방법
    모바일 페이지 레이아웃 조작 방법
    모바일 페이지 레이아웃에 관한 사항 http://www.xiaoxiangzi.com/Programme/CSS/4298.html 1. 뷰포트 뷰포트란 무엇입니까? 간단히 말하면, 뷰포트는 웹 페이지를 표시하는 데 사용되는 브라우저의 일부입니다. 즉, 브라우저의 실제 너비는 휴대폰의 너비와는 다릅니다. 320px 또는 640px, 모바일 브라우저 내부 너비는 항상 브라우저 자체의 vi입니다.
    H5 튜토리얼 3140 2017-06-20 13:50:26
  • HTML5 텍스트 스타일 예제 소개
    HTML5 텍스트 스타일 예제 소개
    텍스트 스타일 <b>굵게</b> <i>기울기</i> <u>밑줄</u> <s>취소선</s> <sub>아래첨자</sub> <sup>위 첨자</sup> <p>단락 요소</p> <br/>강제 교체
    H5 튜토리얼 2117 2017-06-20 13:49:22
  • 캔버스-시계 애니메이션의 예
    캔버스-시계 애니메이션의 예
    보통 회사가 바쁘지 않을 때, 나는 몇 가지 작은 효과 등에 관해 글을 쓰는 것을 좋아합니다. 첫째, 검토하고 검토할 수 있고, 둘째로 몇 가지 문제점을 찾을 수 있습니다. ​ 오늘 단체 채팅에서 어떤 분이 시계 사진을 올리는 걸 봤는데.. 젠장.. 몇년째 일을 제대로 하고 있는데 나만 그렇게까지 할 줄은 몰랐다. 그래서 시계를 그렸는데.... ​ 코드로 직접 이동하십시오. ​ HTML ​ <!DOCTYPE HTML> <html> <머리&
    H5 튜토리얼 1409 2017-06-20 13:43:20
  • 쿠키 사용 방법
    쿠키 사용 방법
    쿠키는 사용자의 로컬 터미널에 저장되는 데이터입니다. 우리가 웹사이트에 로그인하면 비밀번호가 기록되며, 7일, 5일 등의 시간 제한도 있습니다. 이는 모두 쿠키를 사용하여 우리가 작성한 세션 주기이지만 쿠키는 쿠키를 사용합니다. 웹페이지를 열어서 사용자가 입력한 비밀번호를 볼 수 있는데, 이는 서버 환경에 따라 다릅니다. 쿠키를 작성할 때 저장 경로를 설정해야 하며, 우리가 얻는 값은 다음과 같습니다. 매우 작습니다. 다음으로 4kb만 캡슐화하겠습니다.
    H5 튜토리얼 2708 2017-06-20 13:42:33
  • 웹 반응형 디자인의 예(미디어 쿼리 없음)
    웹 반응형 디자인의 예(미디어 쿼리 없음)
    ​ (0)전에 쓴 글: 지후에서 읽은 기사에서 어떤 사건을 이야기했는데, 마음이 열리고 너무 감탄해서 다음 날 일부러 원문을 찾아 칭찬했습니다. 5위안, 원래 주소 https://zhuanlan.zhihu.com/p/27258076, 이 케이스는 CSS3 속성을 많이 사용합니다. (1) 효과 시연 (2)지식 포인트 및 효과 <div class="trunc-list-wrapper" id="mylist"> <
    H5 튜토리얼 1498 2017-06-20 13:39:50
  • HTML5란 무엇입니까? HTML5 사용법에 대한 자세한 설명
    HTML5란 무엇입니까? HTML5 사용법에 대한 자세한 설명
    HTML5란 무엇입니까? HTML5는 프로그래밍 언어가 아닌 하이퍼텍스트 언어입니다. HTML5는 HTML 언어의 최신 버전입니다. HTML5 기술은 일반적으로 HTML5, CSS3 및 JavaScript 기술의 조합을 나타냅니다. HTML5는 주로 문서 콘텐츠의 구조와 의미를 담당합니다. CSS3는 주로 문서의 콘텐츠 스타일을 설명하는 역할을 담당합니다. JavaScript는 주로 문서 콘텐츠의 동작을 담당합니다. HTML5의 기본 구조. <!doctype html&
    H5 튜토리얼 2484 2017-06-20 13:38:36
  • Html5 드래그 앤 드롭 구현 방법
    Html5 드래그 앤 드롭 구현 방법
    오늘은 HTML5의 드래그 앤 드롭 문제에 대해 글을 써보겠습니다. 설정 요소를 드래그 앤 드롭할 수 있습니다. 요소의 draggable 속성을 설정하고 true로 설정합니다. 그런 다음 요소를 끌어서 놓을 수 있습니다. (참고: Firefox는 이를 지원하지 않습니다) 드래그 요소 이벤트 ondragstart: 드래그하기 전에 트리거됨 ondrag: 드래그하는 동안 계속해서 트리거됩니다. &
    H5 튜토리얼 1593 2017-06-20 13:33:58
  • 프로젝트 실습 : 약상자 APP
    프로젝트 실습 : 약상자 APP
    풀업 로딩, 좌우 슬라이딩, 팝업 레이어 페이드 인 및 페이드 아웃과 같은 효과가 있는 의료용 키트 APP의 작은 정적 프로젝트를 순전히 손으로 작성하는 데 10일이 걸렸습니다. 주로 연습용. 다음은 페이지 렌더링의 일부입니다. Google 개발자 도구의 모바일 에뮬레이터를 사용하고 있습니다. 관심 있으신 분들은 제 블로그의 파일 항목에서 다운로드 받으실 수 있습니다. 아직 최적화해야 할 부분이 많습니다. 수정을 환영합니다!
    H5 튜토리얼 1744 2017-06-20 11:05:09
  • HTML5 상자 모델을 사용하는 방법
    HTML5 상자 모델을 사용하는 방법
    박스 모델. 상자는 여백, 테두리, 패딩, 내용의 네 부분으로 구성됩니다. margin: 외부 여백 border: 테두리 패딩: 내부 여백(콘텐츠와 테두리 사이의 거리) content: content <!DOCTYPE html><html> <head> <meta
    H5 튜토리얼 8002 2017-06-20 10:46:27

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.