軽々しくいこう！　６「タグのシェイプアップ(前編)」

さて。続きです。
先程のタグをもう一度見てみましょう。

<div align="center"><center> <table border="2" cellpadding="5" width="30%">   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="kiroku.html"><font color="#FFFF00"><strong>更新記録</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="watashi.html"><font color="#FFFF00"><strong>私の紹介</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="nikki.html"><font color="#FFFF00"><strong>日記帳</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="info.html"><font color="#FFFF00"><strong>インフォメーション</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="e.html"><font color="#FFFF00"><strong>ギャラリー</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="bbs.html"><font color="#FFFF00"><strong>掲示板</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="link.html"><font color="#FFFF00"><strong>リンク集</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr>   <tr>      <td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a      href="mail.html"><font color="#FFFF00"><strong>メール</strong></font></a><font      color="#FFFF00"><strong>★</strong></font></td>   </tr> </table> </center></div>

……さて。これをどうシェイプアップするか、なんですが、
実は、そういう為のソフトという物も存在します。
ですが、やっぱり機械のやる事です。限界がある上に、自分が判らなきゃしょうがない。というか、自分流に微調整が効く物ばかりとは限りませんし。
それに、自分の見ているブラウザでは大丈夫でも、別のブラウザ、もしくはバージョンが変わるとダメというパターンもない訳ではありません。
特にWINDOWS環境製作の物はMacユーザーは泣きっぱなしです(T_T)。
ですが、今回はそういう内容ではないので、飛ばします。

ではまず、セル(表の１つの枠の中)の中の物を一行にしてみましょう。

改行前の表↓ ★更新記録★ ★私の紹介★ ★日記帳★ ★インフォメーション★ ★ギャラリー★ ★掲示板★ ★リンク集★ ★メール★

◆◆◆◆

改行後の表↓ ★更新記録★ ★私の紹介★ ★日記帳★ ★インフォメーション★ ★ギャラリー★ ★掲示板★ ★リンク集★ ★メール★

改行後の表のタグ

<div align="center"><center><table border="2" cellpadding="5" width="30%"> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="kiroku.html"><font color="#FFFF00"><strong>更新記録</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="watashi.html"><font color="#FFFF00"><strong>私の紹介</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="nikki.html"><font color="#FFFF00"><strong>日記帳</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="info.html"><font color="#FFFF00"><strong>インフォメーション</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="e.html"><font color="#FFFF00"><strong>ギャラリー</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="bbs.html"><font color="#FFFF00"><strong>掲示板</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="link.html"><font color="#FFFF00"><strong>リンク集</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> <tr><td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a href="mail.html"><font color="#FFFF00"><strong>メール</strong></font></a><font color="#FFFF00"><strong>★</strong></font></td></tr> </table></center></div>

前の表と変わりませんね？　つまり、タグ以外の改行はしてもしなくても関係ないのです。
そして、改行前のデータ(表部分のみ)は「２１９２バイト」。改行後は「１８７４バイト」。

明らかにデータは減っています。表示は同じなのに。
これで、管理人の考えが正しいと証明されました。差は３０９バイト。もちろん微々たる物です。

これで終わり？　No No。これからが肝心。と言っても、ここからはタグの知識が必要になるので、ちょっと難しくなります。
それに、タグは各自それぞれの「やり方」があり「賢いやり方」はあるんですが「正しいやり方」はないんですよ。
その為、これはあくまでKRIFF流のやり方であるという事を前提にして下さい。
「タグなんてめんどい」と思った方は、他のコンテンツを見ていて下さい。見続けても退屈するだけだと思います。
「とりあえず見てやろう」と思った方は、「進む」から次のページへ進んで下さい。

文頭へ　戻る　進む　メニューへ