検索

ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5_html5 チュートリアル スキルの新機能は何ですか

HTML5_html5 チュートリアル スキルの新機能は何ですか

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 15:46:102017ブラウズ

1. HTML5 のいくつかの興味深い新機能:

描画用のキャンバス要素
メディア再生用のビデオおよびオーディオ要素
ローカルオフラインストレージのサポートの強化
記事、フッター、ヘッダー、ナビゲーション、セクションなどの新しい特別なコンテンツ要素
新しいフォームコントロール、カレンダー、日付、時刻、メール、URL、検索
2. HTML5 ビデオ
1. ビデオ形式

Ogg = Theora ビデオ エンコーディングと Vorbis オーディオ エンコーディングを使用した Ogg ファイル
MPEG4 = H.264 ビデオ エンコーディングと AAC オーディオ エンコーディングを使用した MPEG 4 ファイル
WebM = VP8 ビデオ エンコーディングと Vorbis オーディオを使用したエンコードされた WebM ファイル
2.

の属性


* タグ
はマルチメディア リソースを指定します。複数の
3. インスタンス

(1)

コードをコピー
コードは次のとおりです:






ビデオ> ;


効果:


(2) HTML5

コードをコピー
コードは次のとおりです:





;
Video






<script><!--このJS部分が書かれている場合<head> では、ビデオが正しく再生されません --><br /> var a = document.getElementById("video");<br /> function clickA() {<br /> if(a.一時停止) a.play();<br /> else a.pause();<br /> }<br /> function clickBig() {<br /> a.width = ;<br /> a.height = ;<br /> } <br /> function clickSmall() {<br /> a.width = ; <!--ここに px を記述することはできません。そうでない場合は、a.width = "px";--> として記述できます。 <br /> a. 高さ = ;<br /> }<br /> </script>

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5 History API は更新不要の Jump_html5 チュートリアル スキルを実装します次の記事：HTML5 History API は更新不要の Jump_html5 チュートリアル スキルを実装します

関連記事

続きを見る