|
カテゴリ:バカネコPC講座
![]() 本日のバカネコ講座は、自動改行による珍しいトラブルについて。 あまり、一般的ではないので、参考になるかどうかは分からないが、 改行する、しない、が、どのような影響を及ぼすか、知っておくのも、 理解を深めるのに、役に立つ。 それでは、「自動改行のワナ 後編」を始めよう。 前編はこちら。 さて、マーキーという、タグがある。 電光掲示板のように、流れていく文字を作るやつだ。 <marquee>マーキー効果</marquee> と書けば、 以下のように、簡単に文字を流すことが出来る。 上方向に流すには、direction="up"を追加してやればよい。 流れる速度の調整は、別のページに書いてあるので、そちらを参照してもらうとして、 この手法は、複数行の文章やリストを表示するのに、以下のように使われる。 そこで、さっそく、次のようにHTMLを書いてみる。 <marquee direction="up"> バカネコ村 バカネコ日記 バカネコ講座 バカネコソフト ウンコ爆弾 ゲボクの心構え オシッコ攻撃 ゲロ地雷</marquee> ところが、上にスクロールさせる呪文、direction="up"を、入れてあるにもかかわらず、 以下のように、横にスクロールしてしまう。 direction="up"> バカネコ村 バカネコ日記 バカネコ講座 バカネコソフト ウンコ爆弾 ゲボクの心構え オシッコ攻撃 ゲロ地雷 タグは、どこも間違っていない。 つづりのミスもない。 ホームページ作成ソフトで確認しても、スクロールは、ちゃんと上に流れる。 以前は、これできちんと表示されていたのだ。 今回、どこもイジっていないとしたら、いったい、何がおかしいのだろうか? 実は、これも自動改行のせいだ。 この事例では、作業中にうっかり、ENTERキーにさわって、 改行コードが、挿入されたと思われる。 この例では、下記の「×」の位置だ。 <marquee × direction="up"> 改行されたのは、<marquee +半角スペースの直後である。 この位置に改行が入ると、つづりは正常だし、メモ帳などでは 改行コードは、見えないから、気づきにくい。 改行コード↓ ![]() そうでなくとも、<marquee>タグの中には、たくさんの指定が入るので、 だらだらと長くなりやすく、改行などは、見落としかねない。 このようなHTMLを、自動改行されるページにアップすると、 改行コードの位置は、1行の終わりと判断されて、改行タグ<br>が挿入される。 つまり実際には、以下のように書き換えられて、サーバにアップされる。 <marquee <br> direction="up"> これでは、次の行にまわされた、タグの残りの部分は、通常の文章とみなされ、 タグとしての、指示命令機能が無くなる。 こうなると、縦スクロールの指示があろうが、速度の指定があろうが、 すべて無視されるのだ。 だから、本来、意図した通りの動作が出来ず、 しかも、通常の文字列として、その断片が表に出てくる。 もちろん、こんなHTMLは、間違っているのだが、自動改行システムは、 機械的に書き換えるので、こんなHTMLになってしまう。 エラーでも出れば、気づきやすいが、インターネットエクスプローラもまた、 強引に表示してしまうので、ますます原因が見つけにくくなるというわけだ。 さて、これを意図通り、正常に表示させるのは、簡単である。 単に、改行を削除して、1行になるよう修正すればいい。 具体的には、以下のように書く。 <marquee direction="up"> 【本日のポイント】 1.うっかり、ENTERキーを押すと、改行コードが挿入される。 2.改行コードは、メモ帳では見えない。 Terapadなどのテキストエディタか、WORDなどのワープロソフトに コピペすれば見える。 3.綴りや文法に間違いがないのに、おかしくなる時は タグの中に改行がないか、確認する。 【トド短信】 実は、この事例は、あるサイトの表示がおかしくなったので、 原因を教えて欲しい、とのお話があった時のものです。 その時、疲れていて、むちゃくちゃ機嫌が悪かった上に、 ご本人のサイトでないこともあって、お断りしました。 ですが、気になって仕方がないので、原因と対策を公開しました。 【極悪にゃんこ投票】 バカネコ村の公安委員長、白ネコのミルノ氏が奮闘しております! 連続投票は出来ませんが、1日1回なら、誰でも投票出来ます。 お祭り気分で、毎日1票投票して、応援してやってください。 昨日は一時、単独トップに立ちましたが、また逆転されました。 現在、2位です。 8月5日まで、投票は出来るそうです。 あ、このバカネコ日記のブログランキングも、ぽちっとよろしく! 最近、低迷してるのよ~(泣) 【ダウンロードページ】 ・楽天日記専用バックアップツール、バーニャン3号のサンプル版、 「バーニャン・ミニ」のダウンロードはこちら。 ・にゃんタグのサンプル版は、このページの中段付近。 ・バカネコ・ビューアのダウンロードはここ。 1日1票! ブログランキング↓ ![]() ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 ネコでもわかるPC講座はこちら → バカネコ講座 悲惨なキャンセル事情 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン・ミニ 楽天日記のバックアップ にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン 【楽天トラベル】 画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 このサイトの新着記事の通知をご希望の方はご利用ください。
[バカネコPC講座] カテゴリの最新記事
|
|