새로운 H5 프로모션 태그 요약 및 소개(예제 포함)

이 기사에서는 새로운 H5 프로모션 태그를 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

1. 시맨틱 태그

<header></header>: 헤더 태그 <header></header>：头部标签

<nav></nav>：导航标签 在H4中导航栏一般用ul-li标签，H5中可以直接用

标签

<section></section>：块级标签

<article></article>：内容标签

<aside></aside>：侧边栏标签

<footer></footer>：尾部标签  

注：

1.在ie9中需要把它们转化为块级元素  display:block
2.主要用于移动端

二、多媒体标签

<video></video>视频标签

<audio></audio>音频标签

三、图形标签

<canvas></canvas>

<nav></nav>: 일반적으로 H4 탐색 모음의 탐색 태그 ul-li 태그를 사용하면

태그

<section></section>: 블록 수준 태그

<article></article>를 사용할 수 있습니다. 콘텐츠 태그

<aside></aside>: 사이드바 태그

<footer></footer>: 바닥글 태그

참고:

1. 블록 수준 요소로 변환됩니다. "1659517529568904.jpg"Alt = "2141FEE200AC78799984D7852A75480.jpg"/>

Second, 멀티미디어 태그 ​​& lt; video & gt; video tag & lt; ; ; >오디오 태그

3. 그래픽 태그


<canvas></canvas>그래픽을 정의합니다.

JavaScript를 사용하여 웹페이지에 이미지를 그립니다.

예: 빨간색 직사각형 표시:

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
    var canvas=document.getElementById(&#39;myCanvas&#39;);
    var ctx=canvas.getContext(&#39;2d&#39;);
    ctx.fillStyle=&#39;#FF0000&#39;;
    ctx.fillRect(0,0,80,100);
</script>

4. 새로운 양식 요소 및 컨트롤

<form>
         	<label>
         		邮箱 ：<input  type="email"  />
         		数量 ：
         		<input type="number" value="50" min="0" max="100" step="5">
                <!-- 最小值0、最大值100、步进值5、value初始值50 -->
         	</label>
         </form>

추가:

이 단락 편집 새로운 API(응용 프로그래밍 인터페이스)

추가 원래 DOM 인터페이스에서 HTML5는 다음과 같은 더 많은 API를 추가합니다. 🎜 1. 실시간 2D 그리기를 위한 캔버스 태그 🎜 2. 예약된 미디어 재생 🎜 3. 오프라인 데이터베이스 저장 🎜 4. 문서 편집 🎜 5. 드래그 제어 🎜 6 . 검색 기록 관리 🎜🎜🎜 요약: 🎜🎜🎜🎜HTML 5에는 두 가지 주요 기능이 있습니다. 🎜🎜🎜첫째, 웹 페이지의 성능을 향상시킵니다. 2차원 그래픽을 그리는 것 외에도 비디오, 오디오 재생을 위한 태그도 준비되어 있습니다. 🎜🎜둘째, 로컬 데이터베이스 등 웹 애플리케이션 기능이 추가되었습니다. 🎜🎜관련 추천: "🎜html5🎜에 새로 추가된 속성과 요소는 무엇입니까?"🎜🎜🎜

위 내용은 새로운 H5 프로모션 태그 요약 및 소개(예제 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!