• ベストアンサー

HTMLの構文

HTMLの構文ミスをhttp://htmllint.itc.keio.ac.jp/htmllint/htmllint.cgi こちらのサイトでチェックしていったのですが、 他のは調べたりして解決してきたのですが、 (1)<BODY> は </HEAD> の直後に続かなければなりません。 (2)<BODY> は <HTML>～</HTML> 内に1度しか書けません。12行目にもありました (3)<FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は明度差(59.007)と色差(306)が不十分です の３つがどのように直すのか良く分かりませんでした。 ３つ目については、めちゃくちゃあります お願いします！

  • HTML
  • 回答数5
  • ありがとう数1

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

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

非常に毒舌で申し訳ありませんが、(1)と(2)は問題外です。 先の回答者の方々のおっしゃる通りです。 (3)は少々難しい表現になってますが、「文字と背景色が似た色っぽい。直して」というような意味です。 色覚障害者（私もなんですが）が見たとき、その文字が全く見えない、という状況になります。 障害者が見ることなんてない、と思わないでください。 「赤～茶～緑」当たりの色の判別が困難・不能な、赤緑色盲者は、男性の1.2%～2%の人間が先天的に持っている、と聞いたことがあります。 当然、そういった障害などがなくても、「老い」によって、見えにくくなったりします。 次のソフトは、色覚障害者はどんな色を見ているのかを再現するソフトです。参考にしてください。 http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/

その他の回答 (4)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.4

非奨励タグなんかも警告されまくりじゃないの？ それを、わざわざ lintチェックするのは矛盾しています。 野球のルールを知らない子供たちが試合をしているようなもの・・・　めちゃくちゃになって当然。　貴方が関係者ならルール位覚えれ！とか、試合なんかするな！って言うでしょ？ ---------------------------------------- （１）<head></head><body></body>が正規だから、 </head><body>の間には何も書かない事。 （２）上記と同じで head body も１組だけ。 ブラウザ内で上下に二分化させるつもりなのかな？ （３）背景の色と文字の色が似ているよ。とわざわざ教えてくれてるのだから、どちらかの色を変更すれば良い。これは文字が見難い為、特に色弱者は困るし、検索エンジンでは、ひどい場合は隠しキーワードでスパム行為に認定。 って事でなければ、<BODY BGCOLOR>や<font>自体を使うのではなく、色差を多くしてCSSで{ background-color:;} や {color:;}って事かな？ ---------------------------------------- 正しく作りたいのに、現状で制作を進めてもチェックするたびに次から次に作り直し・・・って事になる。　参考書で勉強しましょう。ここで答えが得られても勉強にはならないでしょう。理屈まで回答しないから。

  • edaj
  • ベストアンサー率52% (10/19)
回答No.3

う～ん… ＨＴＭＬはルールに則って記述されて始めて結果が出るものなので、ルールを理解しなければいけないのでは？ とりあえず他の方が仰っているように、ＨＴＭＬを学びなおした方が良いかと思います。

回答No.2

> (3)<FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は明度差(59.007)と色差(306)が不十分です たとえば白い背景に薄い灰色で文字を書くと、文字が読みにくくなるというのはわかりますよね。 逆に黒い背景に薄い灰色で文字を書くと、文字は読みやすくなります。 (3)の意味はそのことを言っていますので 背景色と文字の色をはっきり違う色にすると、ほぼ解消します。 ただし、隠し文字やイースターエッグなど、背景色と文字の色を同じにしなければ意味がないものもありますので、 エラーメッセージをなくすことが全てではありません。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

　ホームページビルダーで、HTMLを知らないで作ればその程度のものしか出来ません。 ＞の３つがどのように直すのか良く分かりませんでした。 　テキストエディタでコツコツと直していくしかありません。 　まあ、自分で見るのに差し支えなければ、それでよいのではないですか？他の人にも見てもらおうと思えば、最初から作り直したほうが早いです。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから こうしたテクニックは、特定の人々、特定の時代状況でしか成り立たず、すべての人々、すべての時代状況において成り立つものではないのだ。こうしたテクニックの例を挙げよう。 * メーカー独自拡張のHTMLを使う。 * テキストを画像に置き換えて表現する。 * 余白制御のために画像を用いる。 * ページレイアウトの目的で表を用いる。 * HTMLでページを作らずにプログラムに頼る。 　こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［仕様書(邦訳):スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より 　ここに書かれているすべての問題点を含んでいますから。 ★このHTMLには重要な問題が多く含まれています。環境によっては閲覧できない可能性が非常に高いと言えます。 　というメッセージが出たでしょ。 「タグを知らなくてもホームページが作れる」というのは嘘じゃないけど、その前置きとして、 【タグを知っていればちゃんとしたものは出来るけど、知らなきゃめちゃくちゃなものが出来る】があることを忘れないように。 　私は、うんざりするほど、たくさんそのアプリケーションで作成されたページを修正してきましたが、結局すべてゼロから書き直すほうが早いです。テキストエディタでね。(仕事でなきゃ絶対引き受けないほほそれほど、やっかい) 　ちなみに、私のサイトはどのページも９０点台・・ 　とりあえず、 【参考サイト】 はじめてのWebドキュメントづくり 　 http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ あたりで、ゼロから学びなおしたら？？？それが結局一番早道です。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • <FONT>のCOLOR属性について

    <FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は色差(312)が不十分です。と診断されます。 <FONT size="-1" color="#ff0000"><FONT size="-1" color="#ff0000"><B>TOP</B></FONT><BR> また、<FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は明度差(38.989)と色差(147)が不十分です。 とも診断されます。 </FONT><FONT color="#ffffcc" size="-1">--------------------<BR> </FONT><B><FONT color="#ffffcc" size="-1">PR</FONT></B><FONT color="#000000" size="-1"><BR> <BR> <A target="_blank" href="http://○○.com/">あいうえお<BR> かきくけこ</A><BR> </FONT><FONT color="#ffffcc" size="-1">--------------------<BR> どうしたら、いいですか？知識不足野郎です。すいません、誰か、教えてください。

    • ベストアンサー
    • HTML
  • ｈｔｍｌ言語の配置について

    <HTML> <HEAD> <TITLE>ランファスター００１</TITLE> </HEAD> <BODY BGCOLOR="yellow"> <CENTER><H1> <FONT color="red">ランファスター００１</FONT> 基本的な質問ですが、HTMLの１つ１つの＜＞はどのような法則で配置していけばいいのでしょうか。例えば <BODY BGCOLOR="yellow">の下にある<CENTER>はなぜあの位置なのか法則性を知りたいです。 どのように決めたらいいのでしょうか。。

    • ベストアンサー
    • HTML
  • HTMLの構造

    HTML初心者です。 テキストでHTMLの構造が <html> <head> </head> <body> <header> </header> <main> </main> <footer> </footer> </body> </html> となっているのに対して、 スタイルシートは、 html, body { font-size : 16px ; color : black ; } となっているのを見ましたが、このスタイルシートは、 html { font-size : 16px ; color : black ; } ではだめなのでしょうか。 一番外側であるhtmlタグを指定すれば、 bodyタグ内もすべて含むのではないのでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • HTML文法

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head><title></title></head> <body> <dl> <dt>aaa <dt>aaaa <dt>aaaaa </dl> </body> </html> のdl～が http://openlab.ring.gr.jp/k16/htmllint/htmllint.html で間違いではないのはなぜですか？

  • HTMLについて

    HTML初心者です。いろいろ調べながら下記の画像のテンプレートを作っているのですが、1枠と2枠の頭が揃いません。わかる方教えてください。画像が見づらいかもしれませんが宜しくお願い致します。 <html> <body> <br><center> <font size="6" color="#00000"> <b>タイトル</b> </font> <hr> <br><br> <table width="800" height="500" cellpadding="15" cellspacing="10" BORDER="4" bgcolor="F3F30E"> <tr> <td width="50%" rowspan="4" BGCOLOR="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 1 </u></b></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 2 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 3 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 4 </b></u></font> <br><br> <font size="3" color="#00000"> <b></b> </font> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • pythonでHTMLの修正

    ただいまpythonを勉強中なのですが、HTMLの文書を読み込み、 ある特定の文字列が出現したらそれを違う文字列に変換することは可能でしょうか。 例えば以下のようなHTMLがあったとします。 <html> <head> <title>文書のタイトル</title> </head> <body> 文書の本体 </body> </html> ここで文書の本体を読み込んだら 「文書の本体」を 「文書のフォント」 「文書のカラー」　 「文書の本体」と以下のように三行にわたって修正することはできるでしょうか。 <html> <head> <title>文書のタイトル</title> </head> <body> 文書のフォント 文書のカラー　 文書の本体 </body> </html>

  • HTML…このタグ間違ってますか？

    ☆壁紙の色（#000099）紺色 ☆文字色は（#ccccff）薄いブルー ☆文字は、SIZE=7＋太字＋恋文ペン字です。 ↓のタグだと壁紙が真っ白のままで出てきませんです。 どこが間違ってるのかも分かりません。 <center> <html> <head> <title> タイトル </title> </head> <body><B><I><B><FONT SIZE=7 font color="#ccccff"bgcolor="#000099" leftmargin="50" topmargin="50"font face="恋文ペン字"> HPの名前 </body></I></B></font><br> </html></center> それから… この様にテキスト通りでなく自分で色々な命令を 足してタグを打つルールが分かるサイト ご存知ありませんか？ ぜひ勉強してみたいです。 朝から四苦八苦してますｐ(. .｀) 誰か教えてくらさい；； 宜しくですm( _"_ )mペコ♪

    • ベストアンサー
    • HTML
  • if構文を追加するとうまくうまく動きません。。。

    すみません、CGIの初心者なのですが、下記のプログラムをしたところうまく起動せず困っております。ifの構文を抜いた場合はうまく動くのですが、名前欄等を入力されなかった場合、エラー表示を出したく、if文を追加したのですが、うまく動きません。どなたか原因おわかりになりますでしょうか？ #!C:\Perl\bin\perl # ライブラリ require 'cgi-lib.pl'; # デコードサブルーチン &ReadParse(*form); # ライブラリ require 'kaiin_sub.pl'; #名前欄、メールアドレス欄、住所欄、郵便番号欄がのチェック if($form{'name'} eq""||$form{'mail'} eq""||$form{'post'} eq""||$form{'jyusyo'} eq""){ #必要事項が空白のとき #エラーコードを表示するサブルーチン &input_error; #cgiプログラムの終了 exit; }else{ # ライブラリ require 'jcode.pl'; # 文字コード変換サブルーチン &jcode'convert(*form,'sjis'); # 連想配列から値だけを取り出し、区切りのハイフンを追加 $data = "$form{'name'}\n$form{'furigana'}\n$form{'mail'}\n$form{'post'}\n$form{'jyusyo'}\n$form{'jyusyo1'} \n$form{'kansou'}\n\n----------\n\n"; # 追加書き込みモード open(ENQ, ">>enquete.dat") || die "File 'enquete.dat' Open Error."; flock(ENQ, 2); print ENQ $data; flock(ENQ, 8); close(ENQ); # -----ここから出力 ----- print "Content-type:text/html\n\n"; print << "END_OF_HTML"; <HTML> <HEAD> <TITLE>(^_^)</TITLE> </HEAD> <BODY bgcolor="cornflowerblue"> <CENTER> <B><FONT size="6"> <FONT color="white"> <BR> 会員登録は完了致しました。 <P> ご協力ありがとうございました。</FONT> <P> <FONT color="white">（＾Ｏ＾）／~</FONT> </B> </CENTER> </BODY> </HTML> END_OF_HTML } またkaiin_sub.pは以下となります。 # -- 入力不足エラーを表示するサブルーチン -- sub input_error { print "Content-type:text/html\n\n"; print << "END_OF_ERROR"; <HTML> <HEAD> <TITLE>エラー</TITLE> </HEAD> <BODY> <CENTER> <FONT size="6" color="red"><B> <BR> お名前欄、メールアドレス、郵便番号、住所のいずれかが空白です <P> もう一度入力して下さい。 </B></FONT> </CENTER> </BODY> </HTML> END_OF_ERROR } 宜しくお願い致します。

    • 締切済み
    • CGI
  • フォントの色を変えるには？

    こんにちは。ＰＨＰでのフォントの色の変更について質問があります。 任意の文字列の色だけを変更したいのですが、下のコードではエラーになってしまいます。 どこがまずいのかご指摘いただければ幸いです。 ------------------------------ <HTML> <HEAD> <TITLE>TEST</TITLE> </HEAD> <BODY> <?PHP ECHO "<FONT COLOR="BLUE"> HELLO </FONT>"; ECHO "<FONT COLOR="RED"> GOOD BYE </FONT>"; ?> </BODY> </HTML>

    • ベストアンサー
    • PHP
  • Perlからjavascript構文の出力について

    はじめまして。 現在javascriptを勉強中の者です。 PerlからHTML構文内にjavascript構文を追記し出力しようとしていますが、追記してPerlを実行させただけでInternal Server Errorとなってしまいます。 過去ログをいくつか見させて頂きましたが、自分のソースのどこが悪いのかさっぱりです；； やりたいことは、登録完了ポップアップを表示させるだけです。 表示条件等は別として、まずjavascript構文をソースに追記してポップアップを表示させたいです。 どうか良きアドバイスをお願い致します。 #!/usr/bin/perl require "cgi-lib.pl"; print "Content-type: text/html\n\n"; print qq! <HTML> <HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=EUC-JP"> <META name="robots" content="noindex,nofollow"> <TITLE>登録画面</TITLE> </HEAD> <BODY> <script type="text/javascript"> <!-- alert("登録完了"); // --> </script> <FORM ACTION="test.cgi" METHOD="post"> <FONT SIZE="4"><B>登録画面</B></FONT>　 </BODY> </HTML> !;

    • ベストアンサー
    • Perl

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する