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

  • HTML5 헤더 메타 소개
    HTML5 헤더 메타 소개
    페이지 메타 정보를 정의하는 데 사용됩니다. 메타 정보를 정의하려면 일부 이름-값 쌍을 지정해야 합니다. id 속성을 지정하는 것 외에도 이 요소는 다음 세 가지 속성을 지정할 수 있습니다: http-equiv: 메타 정보 이름을 지정합니다. 이 속성으로 지정된 이름은 도움을 주기 위해 브라우저에 몇 가지 유용한 정보를 반환할 수 있습니다. 브라우저를 올바르게 처리하십시오. name: 메타정보의 이름을 지정합니다. 이름은 임의로 지정할 수 있습니다. content: 메타정보의 값을 지정합니다. 웹페이지에 효과적인 키워드를 할당하면 검색 엔진이 웹페이지를 색인화하는 데 도움이 됩니다.
    H5 튜토리얼 1996 2017-10-14 09:33:53
  • H5 의미 태그 소개
    H5 의미 태그 소개
    H5 새 태그 ---- 시맨틱 태그 차이점: 1. 기본 스타일이 다릅니다. 2. SEO 최적화 효과가 있습니다. 1. 일반적으로 웹 페이지의 헤드로 사용되는 헤더 2. 옆으로, 사이드바 3. nav, 네비게이션 바 4 . 주소, 주소, 글꼴 스타일 기본 기울임꼴 태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 정의합니다. 요소가 요소 내부에 있으면 문서 연락처 정보를 나타냅니다. 요소가 요소 내부에 있으면 기사의 연락처 정보를 나타냅니다. 5.초
    H5 튜토리얼 2339 2017-10-14 09:29:43
  • HTML5 개발의 뷰포트 화면 적응
    HTML5 개발의 뷰포트 화면 적응
    고급 휴대폰(Andriod, Iphone, Ipod, WinPhone 등)의 인기로 인해 모바일 인터넷 애플리케이션 개발에 대한 관심이 점점 더 높아지고 있습니다. html5를 사용하여 모바일 애플리케이션을 개발하는 것이 최선의 선택입니다. 하지만 휴대폰마다 해상도와 화면 크기가 다릅니다. 우리가 개발하는 애플리케이션이나 페이지 크기를 다양한 고급 휴대폰에 적합하게 만들려면 어떻게 해야 할까요? HTML5 뷰포트 사용법을 배우면 이 작업을 수행하는 데 도움이 될 수 있습니다.
    H5 튜토리얼 2114 2017-10-13 10:18:46
  • HTML5 태그 선택 방법 가이드
    HTML5 태그 선택 방법 가이드
    HTML5 태그 선택 방법 가이드
    H5 튜토리얼 2914 2017-10-13 09:50:04
  • MUI 상단 탭 사용
    MUI 상단 탭 사용
    MUI는 기본 APP 경험에 가장 가까운 고성능 프런트 엔드 프레임워크입니다. 더 중요한 기능은 풀다운 새로 고침, 측면 슬라이딩 탐색, 슬라이딩 트리거 작업 메뉴 및 상단(하단) 탭 등입니다.
    H5 튜토리얼 4257 2017-10-13 09:39:12
  • HTML5의 콘텐츠 보안 정책(CSP)
    HTML5의 콘텐츠 보안 정책(CSP)
    서문: Cordova는 인라인 이벤트를 지원하지 않으므로 클릭 이벤트를 js로 추출해야 합니다. 다음은 공식 웹사이트에서 발췌한 내용입니다. 많은 잠재적인 크로스 사이트 스크립팅 문제를 완화하는 데 도움이 되기를 바랍니다. , Chrome의 확장 시스템에는 보안 정책(CSP)의 일반 개념 콘텐츠가 포함되어 있습니다. 이는 기본적으로 확장 프로그램을 더욱 안전하게 만들고 확장 프로그램과 애플리케이션에 의해 로드되고 실행될 수 있는 콘텐츠 유형을 제어하는 ​​규칙을 생성하고 시행할 수 있는 기능을 제공하는 상당히 엄격한 정책을 도입합니다. 일반적으로 CSP는 확장 로딩을 위한 해킹/화이트리스트 메커니즘 역할을 합니다.
    H5 튜토리얼 2660 2017-10-07 11:40:00
  • 바인딩시 jquery의 차이점은 무엇입니까
    바인딩시 jquery의 차이점은 무엇입니까
    버전 1.7+부터 JQuery는 이벤트 처리 함수 바인딩 및 취소를 위한 on() 및 off()를 제공합니다. 이 두 API는 원래 JQuery에서 제공하는 바인딩() 및 unbind()와 많은 유사점을 가지고 있지만 몇 가지 차이점도 있습니다. 바인딩 및 바인딩 해제에 대한 자세한 소개는 이 문서를 참조하세요. on()과 bin()의 함수 시그니처는 다음과 같습니다: [javascript] view plain copybi
    H5 튜토리얼 2003 2017-10-07 11:39:52
  • h5 아바타 이미지 회전 CSS3는 각 이미지의 위치를 ​​정밀하게 제어합니다.
    h5 아바타 이미지 회전 CSS3는 각 이미지의 위치를 ​​정밀하게 제어합니다.
    h5 아바타 사진 회전 css3 각 사진 위치의 정확한 제어: 1. 다음은 필요한 렌더링입니다. 2. 사용된 사진은 다음과 같습니다: <div id="box1Kuang1"> <div class="con-show01 mar-top1 mar -left1"> <div class="con-show02"> <div class="con-show03"&gt
    H5 튜토리얼 2711 2017-10-06 10:40:17
  • 각도의 $watch 메소드에 대한 자세한 설명
    각도의 $watch 메소드에 대한 자세한 설명
    H5 튜토리얼 2120 2017-10-06 10:40:07
  • HTML5 기록 모드란 무엇입니까?
    HTML5 기록 모드란 무엇입니까?
    vue-router의 기본 해시 모드 - URL의 해시를 사용하여 전체 URL을 시뮬레이션하므로 URL이 변경되면 페이지가 다시 로드되지 않습니다. 보기 흉한 해시를 원하지 않는다면, 페이지를 다시 로드하지 않고 URL 점프를 완료하기 위해 History.pushState API를 최대한 활용하는 라우팅 기록 모드를 사용할 수 있습니다. const router = new VueRouter({ 모드: '그의
    H5 튜토리얼 3916 2017-09-23 09:19:12
  • html5 캔버스에서 글꼴, 그림, 흐릿한 그래픽 그리기 문제 해결
    html5 캔버스에서 글꼴, 그림, 흐릿한 그래픽 그리기 문제 해결
    대부분은 휴대폰이나 태블릿과 같이 평방 인치당 더 많은 픽셀을 의미하는 고해상도 장치에 나타납니다. 물론 많은 고급 데스크톱 컴퓨터에는 고해상도 및 높은 DPI 모니터도 있습니다.
    H5 튜토리얼 3725 2017-09-21 11:42:13
  • Canvas의 html5에서 사용자 정의 경로 애니메이션을 구현하는 방법에 대한 자세한 설명
    Canvas의 html5에서 사용자 정의 경로 애니메이션을 구현하는 방법에 대한 자세한 설명
    이 글은 캔버스에서 HTML5로 사용자 정의 경로 애니메이션 예제를 구현하는 방법을 주로 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.
    H5 튜토리얼 2909 2017-09-20 09:52:53
  • 모바일 웹사이트 디자인 최적화 핵심 포인트
    모바일 웹사이트 디자인 최적화 핵심 포인트
    모바일 단말기는 휴대폰 성능, 네트워크 등의 제약으로 인해 PC와 같은 우수한 결과를 얻을 수 없지만, 휴대폰 고유의 중력 감지 기능을 통한 시차 스크롤링 등 모바일 단말기만의 장점도 있습니다. 그리고 "흔들기" 및 기타 우아하고 흥미로운 인간-컴퓨터 상호 작용을 달성하기 위한 "가속" 센서.
    H5 튜토리얼 1631 2017-09-20 09:12:57
  • 페이지 다시 그리기 및 리플로우를 위한 최적화 방법
    페이지 다시 그리기 및 리플로우를 위한 최적화 방법
    페이지 다시 그리기 및 리플로우에 대해 논의하기 전에. 페이지 렌더링 프로세스, 페이지가 CSS와 결합된 HTML을 브라우저에 표시하는 방법 등을 어느 정도 이해해야 합니다. 다음 순서도는 페이지 렌더링을 위한 브라우저의 처리 흐름을 보여줍니다. 브라우저마다 약간 다를 수 있습니다. 그러나 기본적으로 그들은 유사합니다. 브라우저는 획득한 HTML 코드를 DOM 트리로 구문 분석합니다. HTML의 각 태그는 DOM 트리의 노드이고 루트 노드는 일반적으로 사용되는 문서 객체입니다. DOM 트리에는 모든 HTM이 포함되어 있습니다.
    H5 튜토리얼 3164 2017-09-18 09:34:49
  • HTML5의 data-* 사용자 정의 속성은 무엇입니까?
    HTML5의 data-* 사용자 정의 속성은 무엇입니까?
    data-* 속성은 늘 시간을 들여 이해하지 못했던 지식 포인트였습니다. 우연히 이 블로그 글이 더 자세하고 이해하기 쉽게 쓰여진 것을 보고 다시 올렸습니다.
    H5 튜토리얼 1773 2017-09-18 09:31:36

도구 권장 사항

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