バカネコ日記

本日のバカネコ講座は、自動改行による珍しいトラブルについて。

あまり、一般的ではないので、参考になるかどうかは分からないが、
改行する、しない、が、どのような影響を及ぼすか、知っておくのも、
理解を深めるのに、役に立つ。
それでは、「自動改行のワナ　後編」を始めよう。　前編はこちら。


さて、マーキーという、タグがある。
電光掲示板のように、流れていく文字を作るやつだ。
<marquee>マーキー効果</marquee>　と書けば、
以下のように、簡単に文字を流すことが出来る。
マーキー効果

上方向に流すには、direction="up"を追加してやればよい。
流れる速度の調整は、別のページに書いてあるので、そちらを参照してもらうとして、
この手法は、複数行の文章やリストを表示するのに、以下のように使われる。

バカネコ村
バカネコ日記
バカネコ講座
バカネコソフト
ウンコ爆弾
ゲボクの心構え
オシッコ攻撃
ゲロ地雷



そこで、さっそく、次のようにHTMLを書いてみる。
<marquee
direction="up">
バカネコ村
バカネコ日記
バカネコ講座
バカネコソフト
ウンコ爆弾
ゲボクの心構え
オシッコ攻撃
ゲロ地雷</marquee>

ところが、上にスクロールさせる呪文、direction="up"を、入れてあるにもかかわらず、
以下のように、横にスクロールしてしまう。

direction="up">
バカネコ村
バカネコ日記
バカネコ講座
バカネコソフト
ウンコ爆弾
ゲボクの心構え
オシッコ攻撃
ゲロ地雷

タグは、どこも間違っていない。　つづりのミスもない。
ホームページ作成ソフトで確認しても、スクロールは、ちゃんと上に流れる。
以前は、これできちんと表示されていたのだ。
今回、どこもイジっていないとしたら、いったい、何がおかしいのだろうか？



実は、これも自動改行のせいだ。
この事例では、作業中にうっかり、ENTERキーにさわって、
改行コードが、挿入されたと思われる。
この例では、下記の「×」の位置だ。

<marquee ×
direction="up">

改行されたのは、<marquee ＋半角スペースの直後である。
この位置に改行が入ると、つづりは正常だし、メモ帳などでは
改行コードは、見えないから、気づきにくい。

　　改行コード↓


そうでなくとも、<marquee>タグの中には、たくさんの指定が入るので、
だらだらと長くなりやすく、改行などは、見落としかねない。



このようなHTMLを、自動改行されるページにアップすると、
改行コードの位置は、１行の終わりと判断されて、改行タグ<br>が挿入される。

つまり実際には、以下のように書き換えられて、サーバにアップされる。
<marquee <br>
direction="up">

これでは、次の行にまわされた、タグの残りの部分は、通常の文章とみなされ、
タグとしての、指示命令機能が無くなる。

こうなると、縦スクロールの指示があろうが、速度の指定があろうが、
すべて無視されるのだ。
だから、本来、意図した通りの動作が出来ず、
しかも、通常の文字列として、その断片が表に出てくる。



もちろん、こんなHTMLは、間違っているのだが、自動改行システムは、
機械的に書き換えるので、こんなHTMLになってしまう。

エラーでも出れば、気づきやすいが、インターネットエクスプローラもまた、
強引に表示してしまうので、ますます原因が見つけにくくなるというわけだ。

さて、これを意図通り、正常に表示させるのは、簡単である。
単に、改行を削除して、１行になるよう修正すればいい。
具体的には、以下のように書く。
<marquee direction="up">


【本日のポイント】
１．うっかり、ENTERキーを押すと、改行コードが挿入される。
２．改行コードは、メモ帳では見えない。
　　Terapadなどのテキストエディタか、WORDなどのワープロソフトに
　　コピペすれば見える。
３．綴りや文法に間違いがないのに、おかしくなる時は
　　タグの中に改行がないか、確認する。


【トド短信】
　実は、この事例は、あるサイトの表示がおかしくなったので、
　原因を教えて欲しい、とのお話があった時のものです。
　その時、疲れていて、むちゃくちゃ機嫌が悪かった上に、
　ご本人のサイトでないこともあって、お断りしました。
　ですが、気になって仕方がないので、原因と対策を公開しました。
　

【極悪にゃんこ投票】
　バカネコ村の公安委員長、白ネコのミルノ氏が奮闘しております！
　連続投票は出来ませんが、１日１回なら、誰でも投票出来ます。
　お祭り気分で、毎日１票投票して、応援してやってください。
　昨日は一時、単独トップに立ちましたが、また逆転されました。
　現在、２位です。　８月５日まで、投票は出来るそうです。

　あ、このバカネコ日記のブログランキングも、ぽちっとよろしく！
　最近、低迷してるのよ～(泣)


【ダウンロードページ】
・楽天日記専用バックアップツール、バーニャン３号のサンプル版、
　「バーニャン・ミニ」のダウンロードはこちら。
・にゃんタグのサンプル版は、このページの中段付近。
・バカネコ・ビューアのダウンロードはここ。


１日１票！　ブログランキング↓



※バカネコ講座では、安全な方法を選んで紹介していますが、
　途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。


ネコでもわかるＰＣ講座はこちら　→　バカネコ講座

悲惨なキャンセル事情　バカネコ講座　バカネコソフト　バカネコ村　爆笑ガイド　猫砂の研究　パソコン購入費用の削り方　現物の投下位置　ずぼらなアクセスアップ　ページを読みやすくする方法　バーニャン・ミニ　楽天日記のバックアップ　にゃんこのコスプレ　テキストリンク下線の消し方　楽しめるアフィリ　己を知れ　自分のＰＣを知る　バカネコ・ビューア　バーニャン３号　にゃんタグ・フルバージョン　【楽天トラベル】


画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。