タグ

markupに関するmasuPのブックマーク (4)

  • HTML5 で試しに Web ページを組んでみた (改訂版) - VERSIONFIVE

    先日のGoogle I/Oで大きく取り上げられたように、最近HTML5のニュースが増えていて注目度が上がっているようです。canvas要素やvideo要素、オフラインキャッシュのような、アプリケーション開発におけるHTML5が主に注目されているようですが、Safari 4のウェルカムページがHTML5で描かれていたり、国内でもlivedoorのラボが積極的に採用したりと事例も増えていますね。 そこで、約半年前に作ってみたサンプルのコードを見直して修正してみました。参考にしたのは以下のページです。 HTML 5 (W3C Working Draft 23 April 2009) HTML 5 (Editor’s Draft 13 June 2009) HTML 5 ― HTML 4 からの変更点 (Working Draft 23 April 2009) web:g HTML5 コードのアウ

    HTML5 で試しに Web ページを組んでみた (改訂版) - VERSIONFIVE
  • パンくずリストのマークアップ考察 | Like@Lunatic

    とある案件でパンくずリストをどうやってマークアップするのが最適解なのか悩んでいました。例えば、以下のようなヴィジュアルデザインのパンくずリストをマークアップするとします。 まずどんなブロック要素で囲むか?そして > 部分はどうするか?> というのが真っ先に思いつきますが、これはスマートとは言えないのでは・・・などなど。そこでGoogleで情報検索したところ、次の記事を見つけました。 日々のネコゼログログ: アクセシブルな「パンくずリスト」 こちらの記事によると、インフォアクシアの植木さんのインタビューからの抜粋があります。そのインタビューの様子はこちら。アクセシビリティを言い出すと・・・結局はこの人にたどり着くようです。頭が下がります。 あとは、試しにやってみているのですが、パンくずリストの間に挟む矢印を画像にして、「の中の」という代替テキストを入れてあります。こうすると例えば「ホー

    パンくずリストのマークアップ考察 | Like@Lunatic
  • 「CSSかテーブルか」よりもっと重要なこと : WebとPCのメモ帳

    CSSで組むことのメリットとか|CSS HappyLifeを読んで気になったのでエントリを一つ。 テーブルレイアウトじゃなく、正しいHTMLCSS使ってサイトを作ることのメリットって何だろー? CSSで組むことのメリットとか (CSS HappyLife) 制作者側とサイト運営者(企業)にしかメリットがないのが気になるという話なのですが、個人的にはそれで別に構わないと思うのです。 なぜCSSを使った方がいいのか? そもそも論としてのHTML まあいわゆる理念的な話になるのですが、HTMLはWebサイトの見栄えを整えるためにあるわけではありません。HTMLは文章構造を指定・設定するために存在するのであって、見栄えはCSSで設定するべきです。「Web標準」が主流になりつつある現状から考えて、テーブルレイアウトなどの物理マークアップはなるべく避けるべきでしょう。 と、ここまでは教科書的な「べき

    「CSSかテーブルか」よりもっと重要なこと : WebとPCのメモ帳
  • microformatique - a blog about microformats and “data at the edges”

    RDFa is a syntax for expressing this structured data in XHTML. The rendered, hypertext data of XHTML is reused by the RDFa markup, so that publishers don’t repeat themselves. The underlying abstract representation is RDF, which lets publishers build their own vocabulary, extend others, and evolve their vocabulary with maximal interoperability over time. The expressed structure is closely tied to t

  • 1