HTML 5とCSS 3権威ガイド-メモ
第一章Web時代の変遷
HTML 5の目的は、より簡単なWebプログラムを作成し、より簡潔なHTMLコードを書くことです
第二章HTML 5とHTML 4の違い
バージョン宣言:
文字コードの指定:
section、article、aside、header、hgroup、footer、nav、figure
追加要素:
video、audio、embed、mark、progress、time、ruby、rt、rp、wbr
新しい機能:
canvas、command、details、datalist、datagrid、keygen、output、source、menu
新しいinput要素のタイプ:
email、url、number、range、date、month、week、time、datetime、datetime-local
廃止された要素:
CSSで置換された要素:basefont、big、center、font、s、strike、tt、u
frameset要素を使用しない
一部のブラウザでサポートされている要素:applet、bgsound、blink、marquee
その他廃止された要素:rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
新規および廃止のプロパティ:
1、フォーム関連:
Input、select、textarea、button要素にautofocusプロパティを指定し、自動的にフォーカスを取得できます.
Inputとtextareaにpalceholderプロパティを指定し、入力プロンプトを実行できます.
input、output、select、textarea、button、fieldsetにformプロパティを指定して、そのフォームの入力を宣言できます.
Inputとtextarea要素に対してrequired属性を指定し、ユーザーにその要素に必ず内容を入力するように促すことができます.
Input要素に新しいプロパティが追加されました:autocomplete、min、max、multiple、pattern、step
fieldsetにdisabled属性を追加input、button要素に新しい属性formaction、formenctype、formmethod、formnovalidateとformtargetを追加し、form要素の対応する属性を再ロードできます
fieldsetにdisabledプロパティを追加し、サブエレメントを無効にします.
input、button、form要素にnovalidateプロパティを追加すると、関連チェックをキャンセルできます.
リンク関連属性:
aとarea要素にmedia属性を指定し、URLがなぜタイプのメディアやデバイスで最適化されるのかを規定する
area要素にhreflangプロパティとrelプロパティを追加
link要素にsizesを追加
ベース要素にtargetプロパティを追加
その他のプロパティ:
ol要素に属性reversedを追加し、リストの逆順序表示を指定します.
meta要素にcharsetプロパティを追加
menu要素にtypeとlabelを追加
スタイル要素にscopedプロパティを追加し、スタイルの作用範囲を指定します.
script要素にasyncプロパティを追加し、スクリプトが非同期で実行されるかどうかを定義します.
html要素に属性manifestを追加し、オフラインWebを開発する際にAPIと組み合わせて使用する
iframe要素にsandbox、seamless、srcdocを追加
廃止された属性:
略
グローバル属性:
HTML 5の目的は、より簡単なWebプログラムを作成し、より簡潔なHTMLコードを書くことです
第二章HTML 5とHTML 4の違い
バージョン宣言:
<!DOCTYPE html>文字コードの指定:
<meta charset="UTF-8">section、article、aside、header、hgroup、footer、nav、figure
追加要素:
video、audio、embed、mark、progress、time、ruby、rt、rp、wbr
新しい機能:
canvas、command、details、datalist、datagrid、keygen、output、source、menu
新しいinput要素のタイプ:
email、url、number、range、date、month、week、time、datetime、datetime-local
廃止された要素:
CSSで置換された要素:basefont、big、center、font、s、strike、tt、u
frameset要素を使用しない
一部のブラウザでサポートされている要素:applet、bgsound、blink、marquee
その他廃止された要素:rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
新規および廃止のプロパティ:
1、フォーム関連:
Input、select、textarea、button要素にautofocusプロパティを指定し、自動的にフォーカスを取得できます.
Inputとtextareaにpalceholderプロパティを指定し、入力プロンプトを実行できます.
input、output、select、textarea、button、fieldsetにformプロパティを指定して、そのフォームの入力を宣言できます.
Inputとtextarea要素に対してrequired属性を指定し、ユーザーにその要素に必ず内容を入力するように促すことができます.
Input要素に新しいプロパティが追加されました:autocomplete、min、max、multiple、pattern、step
fieldsetにdisabled属性を追加input、button要素に新しい属性formaction、formenctype、formmethod、formnovalidateとformtargetを追加し、form要素の対応する属性を再ロードできます
fieldsetにdisabledプロパティを追加し、サブエレメントを無効にします.
input、button、form要素にnovalidateプロパティを追加すると、関連チェックをキャンセルできます.
リンク関連属性:
aとarea要素にmedia属性を指定し、URLがなぜタイプのメディアやデバイスで最適化されるのかを規定する
area要素にhreflangプロパティとrelプロパティを追加
link要素にsizesを追加
ベース要素にtargetプロパティを追加
その他のプロパティ:
ol要素に属性reversedを追加し、リストの逆順序表示を指定します.
meta要素にcharsetプロパティを追加
menu要素にtypeとlabelを追加
スタイル要素にscopedプロパティを追加し、スタイルの作用範囲を指定します.
script要素にasyncプロパティを追加し、スクリプトが非同期で実行されるかどうかを定義します.
html要素に属性manifestを追加し、オフラインWebを開発する際にAPIと組み合わせて使用する
iframe要素にsandbox、seamless、srcdocを追加
廃止された属性:
略
グローバル属性: