タグ

TipsとHTML5に関するalphabet_hのブックマーク (2)

  • meter要素のスタイリングについてのメモ for Webkit & Opera

    2012年10月15日 追記: この記事のCSSに関する情報は古くなっています。 新しく書き直しましたので、スタイリングについてはそちらをご覧ください。 meter要素のスタイリングについてのメモ 2012年10月 HTML5で追加されたmeter要素。 Windowsだと現在の最新版であるChrome 8とOpera 11で、何も指定しなくてもちゃんと表示してくれます(Mac環境と開発版は試していないので分かりません)。 見た目の変更はできないのかなーと思って調べてみたら、Webkitの独自拡張ではありますが、擬似要素がちゃんと用意されていました。 OperaはDragonflyで確認してみましたがそれらしいプロパティを発見できませんでした。 今回のデモは以下をどうぞ。対応しているブラウザはChromeです。 meter 要素のスタイリングについてのメモ デモページ デモファイルをダウン

    meter要素のスタイリングについてのメモ for Webkit & Opera
  • HTML5のarticleとsectionの違いを書いてみた - kojika17

    article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1~h6(以下、hxとします)までの見出しレベ

    HTML5のarticleとsectionの違いを書いてみた - kojika17
  • 1