マインドマップギャラリー HTML5
新しい構造タグ、新しいマルチメディア タグ、新しい Web アプリケーション タグ、その他の新しいタグ、削除されたタグ、再定義されたタグ、新しい入力コントロールなどを含む、HTML5 の核となる知識を読者に明確にまとめた概要です。一目。
2021-07-18 21:53:48 に編集されましたHTML5の知識のまとめ
doctypeタグ
<!DOCTYPE html>
文書型定義 (DTD)
構造タグを追加する
<ヘッダー>
<hグループ>
<フッター>
<ナビ>
<セクション>
<余談>
<記事>
<図> & <図のキャプション>
<ダイアログ>
<アドレス>
マルチメディアタグを追加
<ビデオ>
<音声>
<ソース>
<キャンバス>
<埋め込み>
Webアプリケーションタグを追加しました
ステータスラベル
<メートル>
<進捗状況>
リストタグ
<データリスト>
<詳細> & <概要>
メニュー
<メニュー>
<メニュー項目>
<コマンド>
その他の新しいタグ
注釈タグ
<ルビー>
<rp>
<rt>
<マーク>
<出力>
<keygen>
<時間>
削除されたタグ
純粋に表現力豊かな要素
<ベースフォント>
<大>
<中央>
<font>
<s>
<ストライク>
<tt>
<u>
可用性がもたらされる マイナスの影響を与える要素
<フレーム>
<フレームセット>
<フレームなし>
混乱を招く要素
<頭字語>
<アプレット>
<isindex>
<ディレクトリ>
ラベルを再定義する
<b>
<i>
<dd>
<dt>
<時間>
<メニュー>
<小>
<strong>
新しい入力コントロール
Eメール
URL
番号
電話番号
範囲
検索
色
日付ピッカー
日付
月
週
時間
日時とローカル日時
新しいフォーム機能
オートコンプリート
オートフォーカス
複数
プレースホルダー
必須
リスト&データリスト
パターン
形成
フォームの検証
有効性オブジェクト
無効なイベント
カスタム検証: setCustomValidity()
検証をオフにする: formnovalidate
その他の新機能
新しいセレクター
querySelector(セレクター)
querySelectorAll(セレクター)
getElementsByClassName(クラス名)
クラスリストの属性を取得する
elem.classList
elem.classList.length
elem..classList.add()
elem..classList.remove()
elem.classList.toggle()
JSON の新しいメソッド
JSON.parse()
JSON.stringify()
データカスタムデータ
データ名 = "値"
データセット.名
JSの遅延読み込み
遅延属性
非同期属性
履歴管理
ハッシュ値
ハッシュチェンジについて
履歴オブジェクト
プッシュ状態()
ポップステートイベント
プロパティの変更
リンクプロパティ
<リンク> サイズ
<ベース> ターゲット
<a>
メディア
hreflang
相対
その他のプロパティ
<オル>
始める
逆転した
<html> マニフェスト
<style> スコープ付き
ドラッグアンドドロップ機能
ドラッグ可能
ドラッグ要素イベント
ドラッグスタート
引っ張る
ドラエンド
ターゲット要素イベント
ドラエンター
ドラッグオーバー
ドラッグして残す
落とす
dataTransfer オブジェクト
setData()
getData()
効果許可
setDragImage()
ファイル
FileReader オブジェクト
readAsDataURL()
オンロードイベント
キャンバスの基本
<canvas>タグ
正方形を描く
fillRect()
ストロークRect()
図面を設定する
塗りつぶしスタイル
線幅
ストロークスタイル
境界線の描画
ライン参加
ラインキャップ
パスを描画する
beginPath()
クローズパス()
へ引っ越す()
lineTo()
脳卒中()
埋める()
レクト()
クリアRect()
保存()
復元する()
キャンバスの曲線と変形
円弧/曲線を描く
アーク()
artTo()
二次曲線To()
bezierCurveTo()
変身
翻訳する()
回転()
規模()
キャンバスのテキストと影
テキストを描画する
ストロークテキスト()
fillText()
テキストスタイル
フォント
テキスト整列
テキストベースライン
メジャーテキスト()
影
シャドウオフセットX、シャドウオフセットY
影ぼかし
影の色
キャンバスピクセル
getImageData()
putImageData()
createImageData()
キャンバス合成
グローバルアルファ
グローバル複合操作
toDataURL()
isPointInPath()
その他の API
ビデオAPI
地理位置情報 API
ウェブワーカーAPI