Tag Archives: HTML5

HTML5 reference – Contents Model

quote, HTML5.JP – 次世代HTML標準 HTML5情報サイト About the contents model reference http://www.html5.jp/tag/models/index.html#phrasing-content ■ヘッディング・コンテンツ ヘッディング・コンテンツは、セクションのヘッダーを定義します( 明示的にセクショニング・コンテンツ要素を使ってマークアップしようが、ヘッディング・コンテンツ自身の存在によって示そうが、どちらでも構いません。 )。 h1 h2 h3 h4 h5 h6 hgroup ■セクショニング・コンテンツ 要素やセクショニング・ルート要素のアウトライン セクショニング・コンテンツは、見出しやフッターの範囲を定義するコンテンツです。 article aside nav section セクションとは、本来の DOM ツリーのいくつかのノードに相当するコンテナのことです。各セクションは、それに結びづけられた見出しをひとつ持つことができます。そして、さらに多くのネストしたセクションを含むことができます。 アウトラインに対して、このアルゴリズムはまた、DOMツリー内の各ノードを、特定のセクションおよび潜在的な見出しと結びづけます。 ■テキストノード 要素ノードとテキストノードの関係は「親と子供」に似ています。 要素ノードは「親ノード」、テキストノードは「子ノード」と区別されます。 <親ノード>子ノード</親ノード> ■コンテンツ・モデル 本仕様で定義されている要素は、それぞれに、その要素に期待されるコンテンツの種類を表すコンテンツ・モデルを持ちます。HTML 要素には、その要素のコンテンツ・モデルで記述される要件に一致するコンテンツを入れなければいけません。 … Continue reading

W3CがHTML5普及促進のためのロゴを公開

W3C HTML5 Logo そろそろ使われ始めていくのかなぁと思っている『HTML5』ですが、 W3C より、技術促進のためのロゴが公開されてました。 それ以外も、もっといろいろあるのでしょうけど、 取り急ぎ『ロゴ』を推していくって、けっこう好きだったりしますが。 セマンティック やCSS3 の関連ロゴのアイコンも用意されており、 なんと、Tシャツ(ネタ用?)まで販売されてました。 一応、まだ公式ロゴではないそうで、 ロゴの方も、受け入れられ方次第で、正式採用となるらしいです。 HTML5(+JavaScript(+CSS3)))が普及すれば、 デバイス間や各種垣根も越えられたりするのでしょうし、個人的には楽しみなんですけどね。

Googleのウェブとブラウザについて学ぶ、HTML5サイト「20 Things I Learned About Browsers & The Web」が素敵

Google が、Web とブラウザ について学ぶ、「20 Things I Learned About Browsers & The Web」を公開。 しかも、HTML5 のブック風解説書サイトということで、その使用感に感動です。 以前公開された、Google のHTML5 を使ったミュージックムービーもかなり感動モノでしたが、 実際の使用感や、ライトの点灯など、ちょっとおどろきですが、 一度サイトを離れて(ブラウザを閉じて)、再度訪れると「resume reading」まで! ※URLも.. 20 Things I Learned About Browsers and the Web ぜんぜんまだアレですけど、いやはや、HTML5 がさらに楽しみになりました。 Official Google Blog: A curious guide to browsers … Continue reading

Firefox 4 Beta 5。HTML5のインタラクティブ要素満載

Firefox 4 Beta 5 が公開されたそうです。 今回さらに、html 5の、「video」タグや「audio」タグでの、「Audio Data API」など、 インタラクティブな使用が進んでいるそうです。 しかしながら、ますます高速なグラフィックの描画なども進んでいくようで、 「HTML 5」(と、JavaScript)が、実際に使用されていくようになると、ますますデザイナー・開発者の方々は楽しそうですよね。 http://www.youtube.com/watch?v=oJ1UsLoPX3E&hl=ja&fs=1 Firefoxは4 BetaはHTML5のでインタラクティブ音声を取得 Google TV も、この秋にも色々と始まるようですが、「テレビ」だとどうなんでしょうかね。 ※デモで使用されているテレビが、日本企業の「Sony」というのもちょっと嬉しい..

Google のArcade Fire meets HTML5がちょっとすごい

Google のHTML5 を使ったミュージックムービーがちょっとすごいです。 「ARCADE FIRE」をというバンド(?)のミュージックを使って、 自分が指定した(育った)都市の映像を使いながら、ムービーを作ってくれるみたいです。 ムービーが始まると、複数のポップアップ が開かれるので、 ちょっとビックリします 笑。 自分でメッセージなどを入力したりもできるのですが、 そのメッセージと、ムービーがつながっていったりと、なかなか面白い映像です。 様々なサイトで、HTML5 のすごいものが掲載されたりしていますが、 今後、ますます期待してしまいますね。 そういえば、「w3c が2010年9月に正式勧告を予定している」みたいな記事を見た覚えがありますが、 ブラウザ次第ではあるのかも知れませんが、CSS3 含め、そろそろなんでしょうかね。 東京版はこちら↓で見れます。 The Wilderness Downtown ※東京生まれではないですが Official Google Blog: Arcade Fire meets HTML5