XHTML が HTML に取って代わろうとしているのであれば、HTML5 の実用性は、2 つの構文を統合し、同じ効果的な方法を使用して HTML の抽象 DOM 表現を表現することです。 HTML5 仕様は、HTML4、XHTML1、および DOM レベル 2HTML を組み合わせたものであり、それに応じて更新されます。
、、、 など)
タグ要素を追加しました。
1. ペイントキャンバス要素
グラフィックを定義し、パス、四角形、円、文字を描画し、画像を追加するためのメソッド。
まず Canvas 要素を作成し、要素の ID、幅、高さを指定します:
リーリー
リーリー
リーリー
JavaScript は id を使用してキャンバス要素を検索します。
リーリー
次に、コンテキストオブジェクトを作成します:
リーリー
getContext("2d") オブジェクトは、パス、四角形、円、文字を描画し、画像を追加するための複数のメソッドを備えた組み込みの HTML5 オブジェクトです。
次の 2 行のコードは赤い四角形を描画します:
リーリー
fillStyleメソッドで赤く染め、fillRectメソッドで形、位置、サイズを指定します。
次の 2 行のコードは直線を描きます:
cxt.moveTo(100,100);
cxt.lineTo(200,200);
次のコード行は円を描きます:
cxt.arc(70,18,15,0,Math.PI*2,false);
これらの属性値は何に対応していますか? 70 と 18 はそれぞれ X 軸と Y 軸、15 は円の半径、0 は角度、Math.PI*2 は円周率、false は時計回り、 true は反時計回りを意味します。
色のグラデーション効果も実現できます:
他にもいくつかの効果があります:
2次曲線CurreTo
Font fillText
2. オーディオオーディオとビデオビデオ
ビデオは、異なるビデオ ファイルにリンクするための複数のソース要素もサポートしています。ブラウザは最初に認識された形式を使用します
preload="プリロード"
ミュート=「ミュート」
音量-=0.1音量減少
ボリューム+=0.1ボリュームプラス
currentTime+=10 10秒早送りします
currentTime-=10 10秒前に戻ります
playbackRate=1 再生を加速します（デフォルトの再生速度）
オーディオの属性値はビデオと同じです
3. ストレージ
HTML5 は、クライアント側でデータを保存するための 2 つの新しい方法を提供します:
localStorage - 時間制限のないデータストレージ
localStorageメソッドで保存されたデータには時間制限はありません。データは翌日、翌週、または翌日以降も利用できます。
sessionStorage - セッションのデータストレージ
sessionStorageメソッドはセッションのデータを保存します。ユーザーがブラウザ ウィンドウを閉じると、データは削除されます。
4. セマンティックタグ
は外部コンテンツ（構造要素）を定義します はページコンテンツの外側のコンテンツを定義します。余談の内容は記事の内容と関連しています。 (構造要素) メディア コンテンツとそのタイトルのグループを定義します。 (構造要素) タグは文書内のセクション(セクション)を定義します。章、ヘッダー、フッター、またはドキュメントの他の部分 (構造要素) など
5. 新しいフォームタイプ
1.メール
email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。
E-mail:
2、url
url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
Homepage:
3、number
number 类型用于应该包含数值的输入域。还能够设定对所接受的数字的限定：
Points:
4、range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。还能够设定对所接受的数字的限定：
<input <code>type="range"</code> name="points" min="1" max="10" />
5、Date pickers (date, month, week, time, datetime, datetime-local)
HTML5 拥有多个可供选取日期和时间的新输入类型
Date:
6、search
search 类型用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。
7、color颜色的选择
