Hatena::Groupsubtech

ういはるかぜの化学

Sunday, March 29, 2009

知っておくべき10個の珍しいHTMLタグの使い方 14:48 知っておくべき10個の珍しいHTMLタグの使い方 - ういはるかぜの化学 を含むブックマーク はてなブックマーク - 知っておくべき10個の珍しいHTMLタグの使い方 - ういはるかぜの化学

元ネタ:知っておくべき10個の珍しいHTMLタグ

文字を大きくするところでも普通にh1タグで括っちゃいますからねえ。

そんなわけで、以下にリストするタグの使い方を知らなかったり、見たことあるけどどんなんだっけ?なんて人は記事を見てこれから書くHTMLやデザイナーさんが書いてきたHTMLにあれこれ注文をつけてみるのもよいかもしれません。

hnタグで文字サイズを変更

これは知っている人も多いかもしれませんね。

tableタグでレイアウト

きっちりカッチリ確実なクロスブラウザ対応のレイアウト方法です。

insタグとdelタグ

本来はいらないはずのspanタグにpタグとかdivタグとか入れることができる便利なタグ。これでWeb標準対応もバッチリですね。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>test</title>
<p><span>foo<ins><p>bar</p></ins>baz</span></p>

http://validator.w3.org/check

blockquoteタグでインデント

字下げしたいときにはblockquoteというタグを使います。

<blockquote>
はうはう。まうまう。
</blockquote>

はうはう。まうまう。

fieldsetの伝説

カッコイイ引用の仕方です。

<fieldset>
<legend>誰々は言いました</legend>
こうなります。なんたらかんたらはふにゃらほにゃら。
</fieldset>

誰々は言いました

こうなります。なんたらかんたらはふにゃらほにゃら。

お尻p

文章の改行は実はbrタグだけでなくpタグでも改行できます。

なになに<p>
あれそれ<p>
どれそれ<p>

ato de kaku

ごめんなさい。10個は思い浮かびませんでした。


はてなスターでページにアクセスしてきたユーザを取得・記録 08:26  はてなスターでページにアクセスしてきたユーザを取得・記録 - ういはるかぜの化学 を含むブックマーク はてなブックマーク -  はてなスターでページにアクセスしてきたユーザを取得・記録 - ういはるかぜの化学

http://www.misuzilla.org/~mayuki/misc/hatenastar/access.html

これは見える形にしていますが、ひっそりと実装してビーコン的にすればはてなユーザの誰がアクセスしたかこっそり知ることができそうです。

ka-nachtka-nacht2009/03/29 16:18>本来はいらないはずのspanタグにpタグとかdivタグとか入れることができる便利なタグ。
そんな訳はありません。例示されているコードのようにins/delがインライン要素として記述されている場合、その内容はインライン要素に限定されます。使用されたバリデーターでOKが出るというならばそれはそのバリデーターが不完全なだけです。
なおAnother HTML-lintならばこの点はチェックされました。

ka-nachtka-nacht2009/03/29 16:21ああしまった行間を読まないコメントしてすいませんすいませんすいませんすいません。

mayukimayuki2009/03/29 16:32おお、すっかり見落としていました。Another HTML-lintでは怒られるんですね。

変な使い方ならむしろobject要素とかのほうがよかったかもと後から思いました。

トラックバック - http://subtech.g.hatena.ne.jp/mayuki/20090329