d9sugaのブックマーク / 2015年9月10日

d9suga id:d9suga

2015年9月10日のブックマーク (3件)

[HTML5]正しいfigure要素の使い方(文脈まで深く考えた)
figure要素には何を入れられるのか figure要素には何を入れられるか、どう使うべきなのかが疑問になったので考えてみました。発端：リストにタイトルをつけたいこのfigure要素について考えるきっかけになったのは、ブログ内で「タイトルの付いたリスト」を作りたいと思った時です。別に見出し要素の直後にリストを置けば読み手にはそれについてのリストだと認識されるんでしょうけど…場合によってはなんかしっくりきません。だって画像はfigureで囲めばfigcaptionで、inputにはlabelで、tableにはcaptionでマークアップ的にしっかり関連づいたキャプションがつけられるのに、リストや定義リスト、あとコードにキャプションがつけられないのは変ですよ、変だよなー。と思ってたわけです。 figure要素の説明を読んだ HTML5.JPを読みに行きましょう。すると figure 要
d9suga 2015/09/10
HTML5

<figure>

<figcaption>
リンク
HTML 5での<figure>要素の使い方と疑問点(平成22年 4月19日) - 『しらぎくのWWW作成入門』メモ
平成22年 4月19日公開テーマ HTML 5 HTML 5で導入される予定の<figure>要素についての使い方のメモと、制作者が抱いた疑問点について。例に依って、拡大解釈が暴走するかも知れませんが、ご勘如を。 <figure>要素とは。 <figure>要素とは、HTML 5に導入予定のフロウ内容要素の一つで、画像などを納めたブロックです。より正確な定義として、仕様草案には以下のように書かれております。 The figure element represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document. The elemen
d9suga 2015/09/10
HTML5

<figure>

<figcaption>
リンク
HTML Color Codes
Color Picker Find that perfect color with our color picker and discover beautiful color harmonies, tints, shades and tones; input Hex color codes, RGB and HSL values, and generate HTML, CSS and SCSS styles. Color Chart Looking for some already great color combinations? Our color chart features flat design colors, Google's Material design scheme and the classic web safe color palette, all with Hex
d9suga 2015/09/10
*color

web
リンク
- 2015年9月11日
- 2015年9月10日
- 2015年9月9日