HTML

firefoxでウインドウを閉じる

firefoxでは、 javascriptで開いたウインドウ target='_blank'で開いたウインドウ しか閉じれません。あと、子ウインドウから親ウインドウの関数を操作することも できますが、prototype.jsを使った関数だとうまくいかない。 まぁいいけどさ。 javascript 子…

IE6対策いろいろ

まとめてくださってる方がいらっしゃったのでご紹介。 基礎編7 段落が崩れるのを防ぐ http://www.geocities.jp/multi_column/float/07.html

IEでページが真っ白になる時は

metaタグの前にtitleタグがかかれてるとこうなるようです。 まぁ文字コード指定してないからねぇ。 でもこのあたりは対応して欲しいよねぇ…。 Internet Explorerでページが真っ白になるバグ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜 http://www.id…

基本的に全部ブロック要素で囲え!

タグ直下にはブロックレベル要素しか置いてはいけない そうです。 そうなんだ…。 <body>タグの直下にはブロックレベル要素しか置いてはいけない - webデザイナーのナナメガキ http://loconet.web2.jp/blog/archives/2006/05/body.html</body>

rel="nofollow"とは

MTなんかでも「nofollowにする」という設定項目がありますが、 これは検索エンジンがサイトを見に来たときに、そのリンク先を インデックス対象にするかどうかを指定する時に使う アトリビュートらしいです。 「もはや常識」的なことが書いてありました。 す…

いい感じの色見本

いい感じ。 同じ明度の色を選ぶときとか便利。 html-色一覧(細) http://www.page.sannet.ne.jp/mtoga/html/color/bih-h_cx.htm

リンクの色設定とか

疑似クラスってやつですね。 A:linkとか。 順番的には、 A:link A:visited A:active A:hover の順番。 リンクの文字色やリンクスタイルを指定する - スタイルシート http://css.eweb-design.com/0402_lcs.html

firefoxでFLASHを配置すると隙間ができる

firefoxでFLASHを配置すると隙間ができることがあります。 そんなときは、 object, embed { vertical-align: top; } という記述をCSSに入れればオッケー。 どうも勝手に下に配置されるみたいですね。 flashを設置した際に出来る、下辺の余白|CSS HappyLife …

inputタグでの最大入力文字数

maxlengthアトリビュートで指定。 <input name="foo" maxlength="5"> フォームの作成/HTML基礎講座 http://www.scollabo.com/banban/lectur/ht14.html

文字のエンコードの指定方法

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 文字のエンコードを指定する:HTMLタグ辞典 - HTMLタグボード http://www.dspt.net/html_tag/001_data/017.html</meta>

クリッカブルマップ

あんまり見ないよねー。 HTML入門 上級編 http://www008.upp.so-net.ne.jp/netbegin/tetori/html/c030/p030.htm

TABLEでTABを入れると空白が開く

きれいにソースが書けないシリーズ。 TDの中に、リンクするイメージとかをタイル状に 隙間なく配置したい場合、TABとかできれいにソースを ネストしてると、隙間が空きます。 だからあきらめて、aタグ、imgタグは一行で書くこと。 なんだかなぁ。仕方ないけ…

シャープ(#)はフラグメント識別子

<a name="#top"></a> とかなってるやつがあります。 これのことを、フラグメント識別子というそうです。 JavaScriptで指定して動かすには、location.hashを使います。 取得もこれを参照するとのこと。 window.location.hash = "top"; location.hash = "top"; // 上と同じです a…

HTML特殊文字

「 » 」とか好きなんだけどなぁ。 使えたり使えなかったり。まぁ仕方ない。 HTMLの特殊文字 : IT用語辞典 http://e-words.jp/p/r-htmlentity.html

textareaの属性

rows = 行数 cols = 列数 「s」がつくんですね。 フォーム部品:テキストエリア http://www.tohoho-web.com/html/textarea.htm

labelタグ

明示的なラベル付け <label for="test">テスト:</label><br /> <input type="text" name="test" id="test" /> 非明示的なラベル付け <label>氏名:<input type="text" name="username" /></label> フォームとアクセシビリティ -- ごく簡単なHTMLの説明 http://www.kanzaki.com/docs/html/htminfo33.html

エンコード指定

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> エンコードいろいろ シフトJIS -> Shift_JIS EUC-JP -> EUC JIS -> ISO-2022-JP</meta>