日経ソフトウェア2月号の付録「HTML5&CSS3クイックリファレンス」がとても参考になるのでまとめてみました。

HTML5&CSS3クイックリファレンス

日経ソフトウエア 2014年 02月号 [雑誌]

日経ソフトウェア2014年2月号の付録「HTML5&CSS3クイックリファレンス」は、HTML5のタグやCSS3の新機能をまとめてあるだけでなく、各ブラウザ（IE9,10,11 / Chrome(31) / firefox(25) / Safari6,7）やスマホOS（iOS6,7 / Android4.3,4.4）の対応状況がタグ毎にまとめてあって、とても便利な小冊子です。

全てのブラウザ・スマホOSに対応したタグと機能のみピックアップしてみました。

「HTML5」まとめ

<section>〜<section>　章や節を表す

<nav>〜</nav>　ナビゲーションを表す

<article>〜</article>　独立した内容であることを表す

<aside>〜</aside>　補足的な内容であることを表す

<header>〜</header>　ヘッダーを表す

<footer>〜</footer>　フッターを表す

<figure>〜</figure>　本文から参照する図版を表す

<figcaption>〜</figcaption>　図版にキャプションを付ける

<em>〜</em>　強調して文意を変える

<strong>〜</strong>　重要な部分を表す

<small>〜</small>　細目を表す

<s>〜</s>　正確ではなくなった内容を表す

<cite>〜</cite>　引用元のタイトルを表す

<time>〜</time>　日付や時刻を表す

<i>〜</i>　斜体表記が慣例のテキストを表す

<b>〜</b>　テキストを太字にする

<u>〜</u>　わかりにくい箇所を明示する

<mark>〜</mark>　ハイライト表記をする

<embed>　プラグインを埋め込む

<video>〜</video>　動画ファイルを埋め込む

<audio>〜</audio>　音声ファイルを埋め込む

<source>　複数の形式の動画や音声を埋め込む

<canas>〜</canvas>　スクリプトで図を描く

<input type="search">　検索用の入力欄を作る

<input type="tel">　電話番号の入力欄を作る

<input type="url">　メールの入力欄を作る

<input type="email">　URLの入力欄を作る

「HTML5リファレンス」

HTML5について詳しくは下記サイトを参照してみて下さい。 

HTML5リファレンス

「CSS3」まとめ

Webフォントを使う

@font-face {

font-family: 値1;

src: url(値2) format(値3);

} 

opacity: 値;　透明度を指定する

border-radius: 値;　枠線の角を丸くする

box-shadow: 値1 値2 値3 値4 値5 値6;　ボックスに影を付ける

＊追記＊

CSS3の新機能に対応しているブラウザ・OSはまだまだ少ないのが現状みたいです。

「CSS3リファレンス」

CSS3について詳しくは下記サイトを参照してみて下さい。 

CSS3リファレンス

日経ソフトウエア 2014年 02月号 [雑誌]