メイン

2006年01月16日

改行
:::: HTML ::::

HTML上で</td>を改行して記述すると IE では間隔があいてしまうので注意。
インラインレベル要素のタグを改行しても同じ現象が起こる。

<html>
<head>
<title>画像の枠線を設定する</title>
</head>
<body>
<p>
<img src="image/lemon.jpg" border="0" width="200" height="150" alt="レモン">
<img src="image/lemon.jpg" border="5" width="200" height="150" alt="レモン">
<img src="image/lemon.jpg" border="10" width="200" height="150" alt="レモン">
</p>
</body>
</html>

remon.jpg

2005年12月15日

フレームセットページの検索ロボットのクロール
:::: HTML ::::

検索エンジンロボットは、index.html から <a> タグでリンクされているページを順にクロールするので、リンク先を記述した方がよい。

<noframes>
<body>
<h1>早稲田電子専門学校 WEBサイト</h1>
フレームに対応したブラウザがご利用できない方は、以下のリンクから各ページをご覧ください。
<ul>
<li><a href="service.html">サービス</a></li>
<li><a href="link.html">リンク</a></li>
<li><a href="○○○.html">○○○</a></li>
</ul>
</body>
</noframes>

2005年12月09日

インラインフレーム内を透明にする
:::: HTML ::::

<iframe src=" " name=" " frameborder="0" border="0" framespacing="0" width=" " height=" " scrolling="auto" allowtransparency="true"></iframe>
インラインフレーム内に表示するページの の背景色(bgcolor)を、 "transparent" にする必要があります。

イメージツールバーを無効にする
:::: HTML ::::

全ての画像に対して無効にする
<meta http-equiv="imagetoolbar" content="no">
1点のみ無効にする 
<img src="sample.gif" galleryimg="no">

Safari は alt 属性 未対応
:::: HTML ::::

title 属性を追加する

<img src=" 〜.gif " width="200" height="100" alt="○○○" title="○○○">

2005年12月08日

検索ロボットの収集を避ける
:::: HTML ::::

ポップアップページやフレームの中に表示するページが、検索に引っ掛からないようにするための対策です。

対策1
<meta name="robots" content="NOINDEX,NOFOLLOW">
(値の表記は大文字がいいらしい)

<a> タグによるリンクを避ける

対策2
サーバーのルートディレクトリに ” robots.txt ” を置く

User-Agent: *
Disallow: /directory/


※ 絶対的ではないので、どのページに行ってもトップにたどり着けるボタンやメニューを用意する方が良い。

※ Google用 <meta name="googlebot" content="NOINDEX,NOFOLLOW">

DOCTYPE 宣言・互換モードと標準準拠モード
:::: HTML ::::

システム識別子を取って、互換モードにして解決する点について

  • インラインフレームの横スクロールバーの表示を消す
  • テーブルなどの height="100%" を有効にする(高さの%指定)

注意点

>>> ページトップ