最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。

最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします どっからどこまでが「HTML5」なの？ 最近、「HTML5」という単語を目にする機会が驚くほど増えました。ニュースやブログで取り上げられない日はほとんどありませんし、筆者が主催している勉強会を含め、開発者同士の勉強会でもHTML5がテーマになることが少なくありません。 しかし一方で、「『HTML5』といわれているものは範囲が広すぎて、とても学ぶ時間がとれない」という声もよく聞きます。それもそのはず、HTML5は現在世界でも最もホットなテーマといってもよく、世界中の名だたる開発者や企業が日々仕様を提案したり、改善

World Wide Web Consortium（W3C）は1月23日、次世代HTML標準「HTML 5」の初期草案（ドラフト）を公開した。一般ユーザーから意見を募集し、改善につなげる。 HTML 5は、HTML 4との互換性を確保しつつ、動画・音楽の埋め込み機能や、Webアプリケーション開発の簡易化、ブラウザ互換性の向上に向けた仕様などを盛り込む予定。2010年9月にW3C勧告として公表する計画だ。 HTML標準規格のメジャーバージョンアップとしては、1997年12月にHTML 4が公開されて以来となる。W3Cは2000年に新標準としてXHTMLを勧告したが、後方互換性が低いなどといった問題からあまり普及しておらず、W3Cは07年3月にHTML作業部会を設置。GoogleやApple、Microsoftなどが参加し、HTML 5の仕様策定を進めてきた。

賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…

改行がbr要素で行われてる時点で、なんか萎えました。 えーと、どんな要素で改行が行われれば、萌えていただけるのでしょうか？ もうひとつ。 ちなみに僕のブログでも、通常<br />は使わない。 なに、その「 br 要素使いません宣言」みたいなのは。 妥当なマーク付けと、br 要素を使わないことは別だと思うけれど。 というか、妥当なマーク付けを行うことと、 読みやすいなんていうユーザビリティみたいな話と、 一緒にされたらイカンと思うのですが。 そもそも br 要素は使ってはイケナイの？ なんで仕様書に載ってるの？ 仕様書に、なるべく使うなとか書いて有るの？ HTML4.01 の仕様書には書いてないみたいだけど、 XHTML1.0 では、使うの推奨されてないの？ 読点で改行とか、 一文の長さにより適宜改行するスタイルって、 好きではないけれど、 採用している人、少なくないよね。 【クオリア日記】

404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た... 404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た時にその HTML ソースはないなぁ...... と思ったのと同時に、tbody に CSS を適用して overflow:auto とかすれば終わる話じゃないのとか思ってそれについてエントリーを書こうかなと思った瞬間、hxxk.jp さんにて 「CSS で tbody 要素を一定の高さにして、 overflow: auto でスクロール表示にする tips」 っていうエントリーが上がってるのを見て萎えた。 で、それについて書くのは諦めたんですが、hxxk.jp さん

パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種 (CSS Happy Life) パズルみたいで面白いのだけどコメント欄で、そもそもパンくずリストをどうマークアップすべきなのか? という話で盛り上がって(?)いる。HTML のセマンティクスに沿って論理構造を表現するマークアップは。。。ということなんだが、かなり違和感を感じる。 パンくずリストはデータ構造としては ordered list だから ol が妥当という。確かに HTML の仕様書では ul/ol は list of information を表現するとあるけど、HTML はデータ記述言語じゃない。人間が読む文書を記述するためのマークアップ言語だ(データ指向/文書指向 で言えば文書指向)。 ここでいうリストというのはリスト構造のことではなくて箇条書きのことだ。箇条書きのように見えるということではなくて