• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:htmlタグの問題点について)

HTMLタグの問題点について

このQ&Aのポイント
  • HTMLタグを使用してページを作成しようとしていますが、auの携帯からは正しく表示されないようです。特にfontタグ、divタグ、テーブルタグに問題があり、タグの開始タグと閉じタグの数が一致していません。
  • どのように修正すれば良いかわからず、詳しい方にアドバイスを求めています。ページを閲覧できるようにするには、どこを修正すれば良いのでしょうか?
  • 以下のタグに問題があります: </br> <center> </br><table bgcolor='white' cellspacing='4' width='80%'><tr><td bgcolor='#ffffff'><center> <HR color='#FFCCCC' size='4' width='100%'> <HR color='#FFCCCC' size='1' width='100%'> <img align=center mode=<img src='画像URL'><div align='center'></br></div></center> <center><img align=center mode=<img src='画像URL'><div align='center'></br></div></center> <clear=all> <HR color='#FFCCCC' size='1' width='100%'> <HR color='#FFCCCC' size='4' width='100%'></center> <CENTER><a href='サイト独自タグ'><font size='1' color='#8A8A8A'>aaaaaaaa</font></a></CENTER></br> </td></tr></table> </br></br> <br><center><table bgcolor='white' cellspacing='4' width='85%'><tr><td bgcolor='#ffffff'><font size=1></font></center>

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

  • ベストアンサー
  • panda_man
  • ベストアンサー率28% (4/14)
回答No.9

>最後の行が最後で、それに続きはありません。 >使ってるのはこのサイトのこのページだけなので >書き直していただきたいくらいです(;‐;) タグに続きがないということなら、 最後の行のtableタグの断片は無用のモノという事でしょうかね? 一応、何か文字を書いて使えるテーブルの形にしておきましたが、 もし最後のテーブルが無用なら、<br />が連続で3個並んでるとこから最後の行までを消してください。 >テーブルの中がちゃんと白くなってないものがあり、 >中とラインが同じ色になっていたりする機種があります。 テーブルが複数あるという事でしょうか?もしそうであれば、 最後の閉じていないテーブルがそのようになったのではないかと思います。 >fontタグとdivタグがおかしいのもありますが、 fontタグがおかしいのは、「font size=1」と属性値を「"」で挟んでいない箇所があるためだと思われます。(XHTMLでは「"」が必須) この場合、正しくは「font size="1"」。 divタグがおかしいのは、imgタグに余分についていた「<」が divタグに掛かっていたからだと思われます。 あとhtmlタグやheadタグやtitleタグやbodyタグなどもないのですが、 そこらへんはサイトで自動挿入してくれているんでしょうかね(?) 実際はもうすこし整文できるのですが、 なるべく元のタグを尊重して近い形にしておきました。 しかし、これでちゃんと表示できるかどうかは、 このページを作成しているサイトも、実際に公開するこのページの完成形もわからないので確認していません。 (ある種のプライバシーですから教えなくていいです) もし何か間違いなどあれば詳しい方、ご指導おねがいします。 <br /> <div align="center"><br /> <table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff"> <div align="center"> <br /> <hr color="#FFCCCC" size="4" width="100%" /> <hr color="#FFCCCC" size="1" width="100%" /> <img src="画像URL"alt="画像表示できない場合の代替テキスト" /> <br /> <img src="画像URL"alt="画像表示できない場合の代替テキスト" /> <br clear="all" /> <hr color="#FFCCCC" size="1" width="100%" /> <hr color="#FFCCCC" size="4" width="100%" /> </div> <div align="center"> <a href="サイト独自タグ"><font size="1" color="#8A8A8A">aaaaaaaa</font></a></div> <br /> </td></tr></table></div> <br /><br /><br /> <div align="center"> <table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff"> <font size="1">何かの文章</font> </td></tr></table></div>

すると、全ての回答が全文表示されます。

その他の回答 (8)

  • Safe_Mode
  • ベストアンサー率48% (1329/2725)
回答No.8

>一番致命的なミスはテーブルタグにあるようです。 >最後の行が最後で、それに続きはありません。 2行2列のテーブルを作成するなら、基本的な記述としては <table> <tr><td>○○</td><td>△△</td></tr> <tr><td>□□</td><td>××</td></tr> </table> となります。 各タグが開始タグと終了タグで対になっていて、それぞれ入れ子関係が 正しくなっていることが必須です。 そういった目で各タグの使い方をチェックするといいですよ。

すると、全ての回答が全文表示されます。
  • panda_man
  • ベストアンサー率28% (4/14)
回答No.7

> どこに > を足せば正常にタグが > 作動するのでしょうか。 「>」を足すというよりも、「<img align=center mode=」までの部分を消しましょう。必要ありませんので。 ついでに、imgタグには「alt="画像の代替テキスト"」は必須なのでこの場合なら、 【修正前】<img align=center mode=<img src="画像URL"> 【修正後】<img src="画像URL"alt="画像表示できない場合の代替テキスト" /> となります。 alt=""には、特に携帯電話ではパケット通信料の問題で画像を非表示にしている方も結構いますので、そういう方のために画像が表示されない場合の代わりに表示する文字を書いておくのです。 他にも、改行タグ(開始・終了タグと、終了タグの省略形)の使い方はNo.6さんが書いている通りで、 タグの入れ子や、HRやCENTERが大文字になっている事(携帯用のXHTMLではタグは全て小文字で書く)や、無駄なセンタリングなど、修正したい点は多々あります。 質問文の一番最後の行にある、 tableタグが閉じられていない?のも気になります。(その後にどう続いているのかは不明ですが、tableタグの外にあるはずのcenterタグを、tableタグを閉じる前に閉じている) いっそ書き直してあげたいくらいですが、merika73さんご自身がサイトを作り運営を楽しむためには「一時的な余計なおせっかい」になりかねないので、大きな間違いから順に、直しながら覚えていったほうが良いかと思います。

merika73
質問者

お礼

画像のところは いらないところを消して、 altというのを足しました! ありがとうございます! このページを作成しているサイトの htmlタグチェックを見てみると、 fontタグとdivタグがおかしいのもありますが、 一番致命的なミスはテーブルタグにあるようです。 最後の行が最後で、それに続きはありません。 auで見た場合、 テーブルの中がちゃんと白くなってないものがあり、 中とラインが同じ色になっていたりする機種があります。 使ってるのはこのサイトのこのページだけなので 書き直していただきたいくらいです(;‐;) 初心者中の初心者なもので 教えてもらうばかりで申し訳ありません。

すると、全ての回答が全文表示されます。
  • Safe_Mode
  • ベストアンサー率48% (1329/2725)
回答No.6

>改行もおかしいですか:; >開始タグ少ないですかね? タグの使い方の基本として、開始タグと終了タグは対で使います。 例えば<hrml>と</html>、<body>と</body>のように使います。 改行については終了タグなしで使えますからHTMLでは <br> と なりますが、XHTMLでは終了タグが必須となるため、<br /> となります。

merika73
質問者

お礼

htmlタグだと 終了タグは省略できるということでしょうか。 すべてhtmlでやっているのでそれもふまえて もう一度見直してみようと思います。

すると、全ての回答が全文表示されます。
  • uriboar
  • ベストアンサー率15% (143/916)
回答No.5

個々の修正箇所については、皆さん回答されている通りです。 質問文を見る限り、恐らくその部分以外も何かしら間違った記述をしていると思いますので、今後の指針としては、参考URLでチェックをしてエラーをつぶしていくと良いでしょう。 パソコン、携帯両方から見るためのページならXHTML。携帯専用のページなら、XHTML Basicで作成すると良いと思います。

参考URL:
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
merika73
質問者

お礼

URLまでありがとうございます!

すると、全ての回答が全文表示されます。
  • Safe_Mode
  • ベストアンサー率48% (1329/2725)
回答No.4

改行タグも使われ方がおかしいですよね。

merika73
質問者

お礼

回答ありがとうございます! 改行もおかしいですか:; 開始タグ少ないですかね?

すると、全ての回答が全文表示されます。
  • panda_man
  • ベストアンサー率28% (4/14)
回答No.3

よく見たら6行目にもimgタグがありましたね。 <img align=center mode=<img src="画像URL"> どう譲歩しても「>」が足りないので、 タグの開始や終了を誤認識しているかと思います。

merika73
質問者

お礼

回答ありがとうございます! なんか私は根本的なミスが あるみたいです。 どこに > を足せば正常にタグが 作動するのでしょうか。 聞きっぱなしで申し訳ありません。

すると、全ての回答が全文表示されます。
noname#119957
noname#119957
回答No.2

上記のHTMLの断片内を見た限りでは、、以下の誤りが見受けられます。 (1)centerの開始タグの不足 <HR color="#FFCCCC" size="1" width="100%"> <HR color="#FFCCCC" size="4" width="100%"></center> (2)これもタグですか? <clear=all> (3)<center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"><font size=1></font></center> ここは、 <center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"></td></tr></table><font size=1></font></center> ではないですか? 携帯電話のHTML3.0などの仕様は詳しく知らないんですが、 tableタグが携帯電話でサポートされているなら、上記でいかがでしょうか?

merika73
質問者

お礼

回答ありがとうございます! (1)についてはタグいれて 解消できたみたいです! ありがとうございました。 (2)についてはなくても問題ないもの だったみたいなので消しました! (3)については やってみたところ、 テーブルの背景がラインと同じ色になってしまいました。 なのでもとに戻しましたが、 どのような改善法があるでしょうか;;

すると、全ての回答が全文表示されます。
  • panda_man
  • ベストアンサー率28% (4/14)
回答No.1

ざっと見たところ、おかしなところはいくつかありますが 致命的なのは7行目の・・ <center><img align=center mode=<img src="画像URL"><div align="center"></br></div></center> ここのimgタグじゃないですかね。

merika73
質問者

お礼

回答ありがとうございます。 閉じるもの > が足りないのでしょうか?

すると、全ての回答が全文表示されます。
iPhone15対応の小型マイク探し
このQ&Aのポイント
  • iPhone15に対応し、周囲の音も高品質に録音できる小型マイクを探しています。具体的なリンクや店舗名も教えてください。
  • 現在使用中のマイクに満足しておらず、iPhone15対応で高性能のマイクを求めています。性能が近い商品のリンクと店名が知りたいです。
  • 周囲の音をしっかり拾えるiPhone15対応の小型マイクが必要です。具体的な商品リンクや購入可能な店舗情報を教えてください。
回答を見る

専門家に質問してみよう