ホームページ > 記事 > ウェブフロントエンド > 新しい H5 プロモーション タグの概要と紹介 (例付き)
この記事では、新しい H5 プロモーション タグを紹介します。困っている友達のお役に立てれば幸いです。
1. セマンティック タグ
<header></header>
: 内部ヘッダーtag
<nav></nav>
: ナビゲーション タグ。H4 のナビゲーション バーは通常、ul-li タグを使用します。H5 では、
<section></section>
: ブロックレベルのタグ
<article></article>
: コンテンツタグ
<aside> </aside>
: サイド サイドバー ラベル
: テール ラベル
注:
1 ie9 ではブロックレベルの要素に変換する必要があります。display:block
2. 主にモバイル端末で使用されます
# 2. マルチメディア タグ
3.グラフィックタグ
<canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; 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 描画用の Canvas タグ
2. スケジュールされたメディア再生
3. オフライン データベース ストレージ
4. ドキュメント編集
5. ドラッグ アンド ドロップ コントロール
6 . 閲覧履歴管理
概要:
HTML 5 には 2 つの大きな特徴があります:
第一に、パフォーマンスの強化です。 。 2次元グラフィックスを描画するだけでなく、動画や音声を再生するためのタグも用意されています。
第二に、ローカルデータベースなどのWebアプリケーションの機能が追加されます。
関連する推奨事項: 「html5 に新しく追加された属性と要素は何ですか」
以上が新しい H5 プロモーション タグの概要と紹介 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。