html

メモメモ。www watchさんすばらしいっすね。いつも勉強させて頂いてます。
次回からはこれでマークアップしてみよう。
ie6,7,8すべてsectionタグは無視でした。

{html} Webfontsについて。

各種ブラウザとOSとフォントの関係。
先取りがはやいですねぇ。
これすごくおもしろそう!あとでまた調べよう。

Mashup Awards 5。文字が非常に見にくい。モニターのせいかな。altに代替えテキストすらないじゃん。でもいろんなapiと出会えて○。

「かやc」?わからなくもないけど、、いや、面白い!!

<meta name="Keywords" content="おもしろほうじん,kayak,かやc" />

はっきり仕様には書いてますね。気づかなかった。

書くとどうなるか。

pタグの中にdivを書くとこうなる。赤いボーダーがpタグ。pタグがdivをかこっているが、floatしたみたいに高さが消えている(Fx3[mac])。divの中にあるpタグは正しい挙動をしているのもわかる。そして、ブラウザによってタグの挙動が違う。

pタグの中にdivを書くと変な感じになる。

ブラウザ比較

p_div2.gif

firefox3.5

p_div1.gif

safari4

p_div3.gif

opera9

いまさらながら、初めて知った。。
とりあえず、メモ。テキスト選択など実現が難しい部分はあるようだけど。。とにかく後で解析してみよう。

縦書きHTML
縦書きHTMLは、テキストを簡単にこのような縦書きに整形することができるソフトです。
The Web KANZAKI -- Japan, music and computer
すごくわかりやすい。
なお、こちらのhtmlのソースを見るととても勉強になります。

htmlタグなどの参照用

【HTMLタグの簡単検索】TAG index - ホームページ作成情報
http://www.tagindex.com/
htmlタグの名称一覧
http://simpleism.net/blog/2008/05/formal-nomenclature

あわせて読みたいブログパーツ