ホームページ  >  記事  >  ウェブフロントエンド  >  新しい H5 プロモーション タグの概要と紹介 (例付き)

新しい H5 プロモーション タグの概要と紹介 (例付き)

藏色散人
藏色散人転載
2022-08-03 17:10:352466ブラウズ

この記事では、新しい H5 プロモーション タグを紹介します。困っている友達のお役に立てれば幸いです。

1. セマンティック タグ

<header></header>: 内部ヘッダーtag

<nav></nav>: ナビゲーション タグ。H4 のナビゲーション バーは通常、ul-li タグを使用します。H5 では、

を直接使用できます。

<section></section>: ブロックレベルのタグ

<article></article>: コンテンツタグ

<aside> </aside>: サイド サイドバー ラベル

: テール ラベル

注:

1 ie9 ではブロックレベルの要素に変換する必要があります。display:block

2. 主にモバイル端末で使用されます新しい H5 プロモーション タグの概要と紹介 (例付き)

# 2. マルチメディア タグ

ビデオタグ

オーディオタグ

3.グラフィックタグ

グラフィックを定義します。

JavaScript を使用して Web ページに画像を描画します。

例: 赤い四角形を表示します:

<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>
新しい H5 プロモーション タグの概要と紹介 (例付き)

##4. 新しいフォーム要素とコントロールを追加します

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

新しい H5 プロモーション タグの概要と紹介 (例付き)

追加:

この段落を編集する 新しいアプリケーション プログラミング インターフェイス (API)
元の DOM インターフェイスに加えて、HTML5 ではさらに API が追加されています。例:
1. リアルタイム 2D 描画用の Canvas タグ
2. スケジュールされたメディア再生
3. オフライン データベース ストレージ
4. ドキュメント編集
5. ドラッグ アンド ドロップ コントロール
6 . 閲覧履歴管理

概要:

HTML 5 には 2 つの大きな特徴があります:

第一に、パフォーマンスの強化です。 。 2次元グラフィックスを描画するだけでなく、動画や音声を再生するためのタグも用意されています。

第二に、ローカルデータベースなどのWebアプリケーションの機能が追加されます。

関連する推奨事項: 「html5 に新しく追加された属性と要素は何ですか」

以上が新しい H5 プロモーション タグの概要と紹介 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。