Tag: HTML5
タグ HTML5 がつけられた記事のリストです。
Microdata + schema.org を実際に使ってみる
Witten by Takeru Suzukischema.org は Google、Microsoft (Bing)、Yahoo! という Web 検索の大手 3 社が共同で取り組んでいる試みで、より構造化されたマークアップのための共有の語彙集 (vocabula [...]
HTML5 のカスタムデータ属性を jQuery プラグインのオプションとして使う
Witten by Takeru SuzukiHTML5 ではマークアップに カスタムデータ属性 を埋め込むことができますが、これを jQuery プラグインのオプションとして利用する方法について考えてみました。なお、ここでやっていることと同様のことが『jQuery [...]
HTML5 のテーブル関連要素
Witten by Takeru SuzukiHTML5 の テーブル関連要素の仕様 は HTML 4.01 から変更されている部分がけっこうあるようなので、変更点を簡単にまとめてみました。なお本稿での HTML5 の仕様は 2010 年 10 月 19 日付 W3 [...]
search 型 input 要素のスタイルをリセット
Witten by Takeru SuzukiHTML5 では、input 要素の type 属性に search という検索フィールドのための値が使えます。現時点ではこの search タイプをサポートしているのは Safari と Chrome のみなのですが、 [...]
HTML5 + WAI-ARIA: 入門篇
Witten by Takeru Suzukiこのサイトを HTML5 でリニューアルした際に保留としたまますっかり忘れかけていましたが、ようやく WAI-ARIA を導入してみました。 WAI-ARIA は W3C の Web Accessibility Init [...]
HTML5 の autofocus 属性を jQuery でクロスブラウザに
Witten by Takeru Suzuki一部を修正して Gist に置きました。IE6 と 7 で autofocus 属性値を省略すると動作しない件にも対応しています。 HTML5 ではフォームのコントロールに autofocus 属性 が定義されています。 [...]
HTML5 の placeholder 属性を jQuery でクロスブラウザに
Witten by Takeru Suzuki一部を修正して Gist に置きました。 フォームの入力フィールドにあらかじめテキストを表示させておく「プレースホルダ」。ブラウザの検索バーなんかに見られるような、フィールドが空のときは薄く文字が表示されていて、フォーカ [...]
HTML5 での引用と引用元のマークアップ
Witten by Takeru Suzuki前回の記事 で、HTML5 における引用と引用元のマークアップについて以下のような提案をしました: <blockquote> <p>エレベーターはきわめて緩慢な速度で上昇をつづけていた。おそらくエ [...]
blockquote + footer
Witten by Takeru Suzukiコメントでの指摘を受け、新しく記事を起こしました: HTML5 での引用と引用元のマークアップ HTML5 の 2010 年 3 月 4 日付 W3C 草案 で、footer 要素は以下のように定義されています: The [...]
aside 要素とプル・クオート
Witten by Takeru SuzukiHTML5 の 2010 年 3 月 4 日付 W3C 草案 では、aside 要素は以下のように定義されています: The aside element represents a section of a page th [...]
HTML5 の dl 要素
Witten by Takeru SuzukiHTML5 の 2010 年 3 月 4 日付 W3C 草案 で、dl 要素は以下のように定義されています: The dl element represents an association list consistin [...]
HTML5 へ移行
Witten by Takeru Suzukiというわけで、このサイトを HTML5 でマークアップしてみました。個別記事内のフレージング系の見直しはまだ手つかずで、まずはセクショニングまわりから固めています。納得のいかない部分もありますが、まずは公開して、これから [...]
WordPress で HTML5 を書くための準備
Witten by Takeru Suzuki現在、このサイトを HTML5 で再構築しようと画策しています。今日はその「準備編」ということで、WordPress で HTML5 をパブリッシュするために、どのようにテンプレートをいじればよいかを考えてみました。ここ [...]
僕が HTML 4.01 を選ぶ理由
Witten by Takeru Suzukiこのサイトの文書型を XHTML 1.0 から HTML 4.01 に変更しました。 その理由を説明するために、まずはそもそも XHTML だった理由から振り返ってみます。結論から言ってしまえば、まあその、「とりあえず」、ですね。僕が Web デザインの勉強を始めたのが 2006 年初頭で、そのときに参考書として選んだのが 2005 年 7 月に初版が発行された『Web 標準の教科書 — XHTML と CSSでつくる “正しい” Web サイト』。なんとなく雰囲気が伝わるといいんですけど、いわゆる「Web 標準の時代」とでも言うべき時代に僕はこの世界に入ったわけです。当時の空気としては「これから…