>웹 프론트엔드 >H5 튜토리얼 >HTML5 새로운 지식

HTML5 새로운 지식

巴扎黑
巴扎黑원래의
2017-07-21 09:16:291975검색

1. h5의 주요 새 의미 태그는 다음과 같습니다.

1. 페이지 헤더

2. 기사의 섹션 섹션

4.

5. 사이드바 옆

6. 바닥글 페이지 하단, 바닥글

PC 쪽은 h5 새 태그 방식과 호환됩니다. 페이지에 js 파일을 도입하세요

2. HTML5

1의 새로운 양식 컨트롤. 날짜 시간 주 수량 범위 전화 색상 검색

a.b.

 c.

 d.
 e、
 g,
 h、
 i、< input type="color" name=" ">
 j.< input type="search" name=" ">


2. 일반적으로 사용되는 양식 컨트롤 속성 추가

a. 자리 표시자 텍스트 상자의 기본 프롬프트 텍스트를 설정합니다. b. 자동 초점이 자동으로 초점을 얻습니다.

 c. 연관 키워드 드롭다운이 있는지 설정합니다. 일반적으로 "끄기"로 설정합니다. 예: autocomplete="off"

3개, HTML5 오디오 오디오 및 비디오 video

html5는 오디오를 추가하고 비디오 태그는 페이지

1에 오디오 및 비디오를 삽입하는 표준 방법을 제공합니다. 지원 형식: ogg, wav

해당 속성:

 a. 자동 재생

 b. 루프 루프 플레이어

c.  d.

 e. multed mute

예:

<오디오 자동 재생 제어 루프 프리로드>   

  

출처 태그는 여러 미디어 파일 주소를 제공하는 데 사용됩니다. 한 주소의 파일이 호환되지 않으면 다음 주소가 사용됩니다.

2. 비디오 태그 지원되는 형식: ogg, mp4, webM

해당 속성:

 a.width

 b.height c.Poster

예:

3. 타사 플레이어를 선택할 수 있습니다

 a. Cyberplayer

 b. tencentPlayer

c.유쿠플레이어

위 내용은 HTML5 새로운 지식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.