HTML5とCSS3を実践的に学習する

今、この本を勉強しています。

HTML5＆CSS3実践入門　最新Web標準を使いこなす (The Pragmatic Programmers)

• 作者: ブライアンP.ホーガン
• 出版社/メーカー: インプレスジャパン
• 発売日: 2011/07/08
• メディア: 単行本（ソフトカバー）

そのなかで分からない単語などが沢山でてくるので
ここで自分用のメモを…
そもそもこの言葉を知らなかったw
フォールバック【fallback】（縮退運転）

HTML5においてーー新しい要素と機能

・<header>
ページまたはセクションのヘッダー領域を定義する。
・<footer>
ページまたはセクションのフッダー領域を定義する。
・<nav>
ページまたはセクションのナビゲーション領域を定義する。
・<section>
ページの論理領域またはコンテンツグループを定義する。
・<article>
記事又は完全なコンテンツを定義する。
・<aside>
二次的なコンテンツまたは関連コンテンツを定義する。
・カスタムデータ属性
data-パターンを使ってカスタム属性を任意の要素に追加する。
・<meter>
範囲内の量を表現する。
・<progress>
進捗をリアルタイムを示すプログレスコントロール


このバーのことプログレスバーっていうんだねw
プログレスバー

新しいタイプののフォームフィールド


・<input type="email">
電子メールアドレス用のフォームフィールドを表示する。
・<input type="url">
URL用のフォームフィールドを表示する。
・<input type="tel">
電話番号用のフォームフィールドを表示する。
・<input type="search">
検索キーワード用のフォームフィールドを表示する
・<input type="range">
スライダーコントロールを表示する。
・<input type="number">
多くの場合、数値用のフォームフィールドをスピンボックスとして表示する。
・<input type="date">
日付用フォームフィールドを表示する。
・<input type="datetime">
日付と時刻用のフォームフィールドを表示する。
・<input type="color">
色を指定する為のフィールドを表示する。
・<input type="text" autofocus>
特定のフォーム要素にフォーカスを設定する
・<input type="email" placeholder="[e-mail]">
フォームフィールド内にプレースホルダ（入力すべきデータを表す文字列）を表示する。
・<p contenteditable> aaa bbb</p>
ブラウザを通じてコンテンツをインプレース編集をする


CSS3について

:nth-of-type
→特定のタイプのn番目の要素をすべて検索する。

:first-child
→最初の子要素を検索する。

:nth-child
→先頭から数えて指定された位置にある子要素を検索する。

:last-child
→末尾から数えて指定された位置にある子要素を検索する。

:first-of-type
→指定されたタイプの最初の要素を検索する。

:last-of-type
→指定されたタイプの最後の要素を検索する。

続きはまた今度