よく使うタグ・便利なタグ

InternetExplorer のイメージツールバー対策
IE で出る「このイメージを保存します」「このイメージを印刷します」「このイメージを電子メールで送ります」「マイピクチャフォルダを開きます」ってのを出さないようにする方法。

<HEAD></HEAD>の間に、
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
と書けば出なくなります。右の画像のように。

尚、イメージツールバーが出るのを許す画像も有る場合には、上記タグを書いた上で、許す画像に
<IMG SRC="image.jpg" galleryimg="yes">
等を書けば、その画像にはイメージツールバーが出ます。

InternetExplorer で見ると、右の画像にはイメージツールバーが出ます。


行間を空ける
行が詰まってると、日本語は見難いです。
InternetExplorer は少々空くのですが、 Netscape だと原則として行間がありません。
<SPAN STYLE="line-height:140%">文章</SPAN>
と書けば行間に余裕が出ます。好みによって、「140」を適当な数字に入れ替えればok。

ただ、通用するのは文字のみで、画像を入れたい時は、その上で一旦閉じる方が無難。
またヘッダーに css を入れると、Netscape で色々と問題が出て、後の修正で面倒というか、色々と首を傾げる事が増えたりします。

通常、</TD>などは省略出来るのですが、CSS を使う場合は、省略すると巧く表示出来ないようです?

単語の区切り
<NOBR>私の名前は、きょうこです。</NOBR>

ブラウザの適当な所で自動的に折り返して呉れる自動改行は便利ですが。途中で改行されたくない場合だってあります。
ただ、どうしても表示範囲が足らないとか、文字が重なったり隠れたりする為に改行せざるを得ない可能性も有ります。ので、「どうしてもなら、ここで切れ。」と指定も出来ます。
<NOBR>私の名前は<WBR>きょうこです。</NOBR>
こうすれば、<WBR>の所で切ってくれます。

尚、<TABLE>タグの中では、<TD NOWRAP>と書けば、自動改行されません。
ただ今度はよくよくで無い限り、自動改行して呉れませんので、環境によっては改行した方が良いかなと思える時、自分で<BR>を入れる必要が有ります。

注意:NOBR WBR は HTML4.01 の仕様的に外れるようですが。。。どうしても改行されなくない場合の最後の手段?^^;

別の方法として、<TABLE WIDTH="300"> とか指定する方法も有りますが。。。
「大きいフォント」とかを設定してますと、文字が欠けてる HomePage を見かけますので、注意を要します。

余談

万事がこうで。。。こだわると。。。大変ですねぇ。Web。
因みに私の環境は TFTカラー液晶(15inch) WindowsSE。 解像度 1024X768 32bitカラー Netscape4.75 です。時々は他環境も確認したい所ですが、ディスプレイの関係で解像度変更は出来ません。ブラウザの種類も、IE5兎も角、3のバージョンの動作確認は不可能になっています。また、Windows以外の環境は、知る術もありません。あしからず。^^;

ちょっと便利な小技
< 画像と画像の間を空けたい >
    <IMG SRC="image01.gif">  <IMG SRC="image02.gif">
    色々手法は有る訳ですが、全角空白を入れると簡単に空きます。
     

< リンク画像をすっきりさせたい >
    <A HREF="index.html"><IMG SRC="home.gif"></A>
    折角画像を透明化させても、枠が出てがっかりの時が有りませんか?
    <A HREF="index.html"><IMG SRC="home.gif" BORDER="0"></A>
    これなら簡単に、すっきり枠無しで仕上がります。

    BORDER="0"
    枠無しリンク画像です。
    BORDER="1"
    細めの枠つきリンク画像
    BORDER サイズ指定無し
    これでは太すぎます

よく使われるけど良くないらしいタグ
< 中央寄せ >
<CENTER>文章</CENTER> は使わない方が良いんだそうな。

<DIV ALIGN="center">文章</DIV>
の方が良いのだとか。
但し通用するのは文字のみで、画像を入れたい時は、その上で一旦閉じる必要有り。

< 強調 >
<B></B> が簡単なのですが、使わない方が良いのだとか?

<STRONG>文章</STRONG>
の方が良いらしいです?


余白

長い文章がページの端から端まで書かれていても見難いと思うのです。

例えば、普通に書いたらこういう文章が有るとします。
この青い文字の部分は BLOCKQUOTE タグの働きを見る為のサンプル文章です。端から端までダラダラと長く続いています。

これを下のように BLOCKQUOTE タグで挟みます。
<BLOCKQUOTE>
この青い文字の部分は BLOCKQUOTE タグの働きを見る為のサンプル文章です。端から端までダラダラと長く続かなくしました。
</BLOCKQUOTE>

と書けば下のように、ブロック1つ分左右に空きが出来ます。

この青い文字の部分は BLOCKQUOTE タグの働きを見る為のサンプル文章です。端から端までダラダラと長く続かなくしました。
更に
<BLOCKQUOTE><BLOCKQUOTE>
この青い文字の部分は BLOCKQUOTE タグの働きを見る為のサンプル文章です。端から端までダラダラと長く続かなくしました。
</BLOCKQUOTE></BLOCKQUOTE>

と書けば下のように、ブロック2つ分中央へ寄ります。

この青い文字の部分は BLOCKQUOTE タグの働きを見る為のサンプル文章です。端から端までダラダラと長く続かなくしました。
ULタグと違うのは、右端にも余白が出来る、という点です。

目次ページへ 

by http://www.takamiya.com/
2000.03.31 -