【HTML】改行による空白(スペース)を除去する方法 HTML 知識Z(ゼータ)

トップページHTML >【HTML】改行による空白(スペース)を除去する方法

【HTML】改行による空白(スペース)を除去する方法

Date:2010/12/03
Category: HTML


HTMLでは、改行も半角スペースと同じ文字として認識されるため、意図しない場所にスペースができることがあります。

例えば、

<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a> <a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a> <a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a> <a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
こんな感じで、横幅バッチリのグローバルメニューを作るために、キッチリと横幅を4分割した画像をせっせと準備したのに、表示を見ると・・・完全にズレてた!
なんてことがあると思います。 これは、改行コードによる空白(スペース)が原因です。 じゃあ、
<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a><a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
このように、改行を入れずに書けば解決されるのですが、 これだと見にくかったり諸処問題があったりと、そこで、
<a href="hoge.html"><img src="./images/common/gmenu01.jpg" /></a><-- --><a href="hoge.html"><img src="./images/common/gmenu02.jpg" /></a><-- --> <a href="hoge.html"><img src="./images/common/gmenu03.jpg" /></a><-- --> <a href="hoge.html"><img src="./images/common/gmenu04.jpg" /></a>
こんな感じにすればスマート。。。


【HTML】 改行による空白 (スペース) の関連記事

コメント

No comments yet

コメントする




次項 tableのheight(高さ・縦)を100%にする
前項 favicon.icoの作り方

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2010-12   >
   1234
567891011
12131415161718
19202122232425
262728293031 

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:2 人
投稿記事数:283 件
09162977