HTMLの表示が変なのは何の原因?

このQ&Aのポイント
  • HP作成時に同名のHTMLファイルをアップロードしたことが原因かもしれません。
  • 背景画像の再アップロード後に表示が崩れる現象が発生しました。
  • HTML内には一つの画像や文字しか含まれていないのに、二つ分挿入されていたり変な文字が入っていたりします。
回答を見る
  • ベストアンサー

HTMLが変なのでしょうか…。

先程HPを作っていたら、TOPページが変な表示になってしまいました。 保存する時に同名で同じHTMLのファイルが既にアップローダーにあったのにもかかわらずそのままアップロードしてしまったのが原因なんでしょうか? 背景画像を入れなおそうと上記の通り再びアップロードしたらこのようになってしまいました。 http://betty.jp/sinsoku/top.html ここなんです。文字や画像が二つ分挿入されていたり、\nとか変な文字が入っていたりして困ってます。 ちなみに画像や文字のHTMLは一つ分しか入っていないハズなんです。 HTMLに関してはまったく初心者なのでわかりません。どなたか教えてください。 困っています。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

気になったポイントを挙げます。 ・先頭にドキュメントタイプがない(→html開始タグより上、一番先頭に以下追加) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ・Content-Typeのメタタグがない(→head開始タグとtitleタグの間に以下追加) <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> ・headの閉じタグがない(→閉じタグをbody開始タグの前に追加) ・styleがbodyタグの下に書かれている(→headタグ間に移動) ・改行タグの書き方が違う(→</br>ではなくて<br>) ・objectとlayerタグを含む謎の一文がある▼ </object></layer></div></span></style></noscript></table></script></applet></center> ソースにこれだけ残ってるなら消して良いと思います。 2回繰り返されているのは、HTML文書冒頭に挿入?されている <!--START EZ_WEB HTML-->から<!--END EZ_WEB HTML-->までのソースが反映されてる為と思われます。 よって、最初に表示されている部分には\nが出てますが、 2回目に表示されている部分(おそらく本来のHTML)では出てません。 何かしら追加した覚えがあるなら消してみてください。

参考URL:
http://www.tohoho-web.com/wwwbeg.htm
kin-c_0917
質問者

お礼

わかりやすく教えていただきありがとうございました。 HPを作るのが初めてなのでHTMLの順番などわからずめちゃくちゃに入れてしまっていました。 しかも改行タグを今まで間違って使っていたとは…OTL 解決しました。

その他の回答 (2)

noname#79554
noname#79554
回答No.2

「ところどころにある\nという文字」は「改行」です。 「\r\n」と表記される場合もあるようです。 正規表現というものです。 ヘルプを確認したので、確かだと思います。

kin-c_0917
質問者

お礼

ありがとうございます。 けれどもどうやって消せばいいのかわかりません。

  • maxmixmax
  • ベストアンサー率10% (91/908)
回答No.1

ソースをご覧になればわかりますが、 見事に2回分表示するように記述してありますよ。

kin-c_0917
質問者

補足

すみません。ソースを見たらHTMLが2つ分挿入されていたのですが、管理ページの編集画面で見てみたらHTMLは1つ分しか入っていませんでした。 どうなっているのか全くわかりません。あと、ところどころにある\nという文字はなんなのでしょうか。 一度作り直してみます。

関連するQ&A

  • きれいなHTMLメールを作成したい

    アウトルックエクスプレスで書式をリッチテキスト(HTML)にして、文字の大きさを変えたり色をつけたり、たまに画像を挿入したりはしていますが、もっとレイアウトを整えたいです。たまにメーカーなどから届く美しいメールは、どのように作成すれば良いのでしょうか?ホームページからコピーペーストだと、背景画像がなくなっちゃいますし・・・

  • PHPでHTMLを自動作成する

    勉強も兼ねてPHPでアップローダーを作っています。 アップロードした画像の個別ページを自動作成するようなものを作るにはPHP以外の知識も必要になってくるのでしょうか? 具体的にはこのようなものです。 (1)個別ページのテンプレートを作っておき、 (2)そこにアップロードした画像ファイルを自動で埋め込み、 (3)HTMLを出力する ご指導お願い致します。

    • ベストアンサー
    • PHP
  • HTMLとCSSで作成しましたが何か変です。

    最近HTMLをCSSを使用して作成しまして今オフラインで動作確認をしています。 TOPと他のページは全て同じ構造でボタンを押すとTOPと全く同じですが内容が違うコンテンツが表示されます。 本題ですがTOPから他のページに移動する時や他のページからTOPページに戻る時など(他のページから他のページも同じです)、何故かHTMLに掲載されている画像が一瞬だけ下に表示されたり上に表示されたりしてからCSSで指定されている位置に戻ります。 本当に一瞬(1秒いくか行かないかぐらいです)なのですが気になってしまいました。 これは何か変なのでしょうか?それとも普通でしょうか?。

    • ベストアンサー
    • HTML
  • トップページの背景が出てこない

    alphaEDITを使ってホームページを作成しました。 alphaEDITで背景の選択をしました。 作成したHTMLファイルにも背景があります。 ですが、アップロードすると背景がなにも写っていません。 どうすれば背景か出てくるようになりますか? OSは「WindowsXP SP3」で、HPスペースは「忍者ホームページ 無料版」でHTML作成ソフトは「alphaEDIT」です。アップローダーも「alphaEDIT」です。「alphaEDIT」は無料版です。 文字は白です。

  • HTMLのタグについて

    HPをつくっていて悩むのががタグです 背景固定や画像挿入の時大文字で書かれている時と小文字で書かれている 時があります 同じタグでも大文字ならうごかず小文字になれば動くのは なぜでしょう また反対の時もあります お暇な時教えてください

    • ベストアンサー
    • HTML
  • HTMLファイルが表示されません

    私の質問に目を通して下さってありがとうございます。 私が困っているのは、HTMLファイルが表示されないこと。 使用プログラムは、Vistaのメモ帳・InternetExplorerです。 メモ帳に記述した内容がブラウザで見ると無いことになっている。 そんな感じです。 表示されないと言っても真っ白なわけではなく、 head内のCSS背景画像だけは表示されます。 body内の画像は出ないです。 どうしてでしょうか? 何か間違っているのかとファイルを書き換えたりもしてみたのですが・・・ 結局表示されませんでした。 わかる人、返信下さい。 あ、あとこれは蛇足なんですが、もう一つ聞きたいんです。 HTMLでダウンローダーを設置するにはどうしたらいいんでしょうか? 最後までお目通し下さってありがとうございました。 返信期待しております。

  • HTMLタグ

    ホームページの画像を挿入した際に、 ローカルで表示する画像と、アップロ ードした時の画像の鮮明差が異なりま す。 HTMLタグで画像のサイズ固定を記 述すればアップロードした際も鮮明に 表示されると聞きました。 何タグを使えばよいのでしょうか? 現在は、imgタグでwidthとheightは記 述してあります。 これ以外のタグは何タグを使うのでし ょうか? 教えてください。

  • 掲示板に背景画像を貼るには

    レンタル掲示板に背景画像をつけたいんです。 その場合は、「http://~」から始まる画像をつけないと いけないんですが、これはどういう意味なんでしょうか? 画像を一旦アップロードしてそのURLをつけないといけない のでしょうか?アップローダーをつかっても、いづれ流れて 消えてしまいますし、自分のサイトもありません。 どうすればいいのでしょうか_

  • HTMLサイトのように…(HTMLについて詳しく分かる方お願いします

    <!-- BODY { background-image : url("○○.jpg"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> コレを背景画像のタグとせず、HTMLサイトのように、ページに文字として出したいのですが、どうすればできるのですか? 説明下手ですいません´`

  • HTML CSSの記述の仕方について

    FC2のショッピングカートを利用しようと思い、全く疎いのですがテンプレートから色々いじくって 思い通りにできてきました。 でもどうしてもわからないことがあります。 mainカラムの最上部に、ショップのコンセプトなどを書いた画像ファイル(GIF)を貼りたいのですが HTMLに<img src>で貼ってしまうと、いつなんどきでも(商品詳細やお問い合わせ画面の時も)その画像が上部を占めてしまいます。 背景にしてしまうと、文字通り背景なので、その画像の上に重なるようにコンテンツが表示されてしまいますし・・・ 要するに、よくあるネットショップさんみたいに お店のトップページ(ホーム)の時だけ、そのコンセプト画像が表示したいんですが どこをどう触ったらいいですか? HTML内に「パンくずリスト」という場所があって、そこに <!-- ユーザーページ --> {if DSP_USERPAGE}<li>{userpage_title}</li>{/if} という記述があります。 これはFC2仕様の「コンセプトなどを記入できる場所」なのですが ここ(とCSS)を触って画像とすりかえるというのはできませんか? (この場所にコンセプトを書いたのですが、どうもデザイン的にイマイチだったので画像にしたいんです)

    • ベストアンサー
    • CSS