Tag Archives: HTML5

1

html5とhtmlの違いは？

no image

html5で導入された構造を指定する要素に下記のものがあります。 慣れる為には記述あるのみ！という事で、HTML 5 から導入された構造化要素を通常のhtmlに当てはめてみることにします。 section: 本の一部あるいは章、章のセクション、あるいは基本的に HTML 4 で独自の見出しを持つすべてのもの。 header: ページに表示されるページ・ヘッダー。head 要素と同じではありません。 footer: 細かい文字での説明が入るページ・フッター。Email・メッセージの署名。 nav: 他のページへのリンクの集まり。 article: ブログや Web マガジン、一覧記事などに掲載されている個々のエントリー。 下記のhtmlで記述した良く見かけるhtmlソースを元にhtml5の構造を指定する要素を当てはめてみることにする。 <!DOCTYPE html> <html lang=”ja”> <head> <meta charset=”UTF-8″> <title>htmlのコーディング：美Deブ</title> <meta name=”description” content=”○○” /> <meta name=”keywords” content=”○○” /> <style type=”text/css”> body … Continue reading →

1

HTML5に対応する時の注意点

no image

個人的な備忘録として残します。 HTML4で制作したサイトをHTML5にする時に注意する事は、HTML5で変更されている属性と削除された属性を知っておくこと。 HTML5.JP でまとめられていたので、必ずチェックしましょう。 WordPressでhtml5のテンプレートをお探しの方は、WordPress3.xのデフォルトのテーマファイル「Twenty Ten」をHTML5に完全対応させたテーマファイル「TwentyTen Five」をチェックしてみてはどうでしょうか。

1

HTML5とCSS3の参考サイト

no image

HTML5とCSS3に対応するサイトやブラウザも増えてきているので、参考になるサイトをまとめてみました。 株式会社あゆた HTML5サンプル集です。サンプルページを確認する事ができる上にダウンロードもできます。 CodeZine HTML5で進化したフォーム機能について説明してくれています。 かちびと. net HTML5のサンプルいくつか紹介してくれています。 NAVER まとめ HTML5×CSS3のサンプル＆ダウンロード25選 Html5 Collect Google I/O 2011のHTML5デモについて紹介。このデモは凄いです。 面白法人カヤック：HTML5の実力診断テスト HTML5とCSSの基本問題がクイズ形式で出題されます。 HTML5の基礎を学んだ方は是非トライしてみては如何でしょうか？