【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(ゼータ)トップへ