バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年07月25日

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

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

さて、マーキーという、タグがある。
電光掲示板のように、流れていく文字を作るやつだ。
<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などのワープロソフトに
　　コピペすれば見える。
３．綴りや文法に間違いがないのに、おかしくなる時は
　　タグの中に改行がないか、確認する。

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

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

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

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

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

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

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

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

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

お気に入りの記事を「いいね！」で応援しよう