- 締切済み
HPのソースに詳しい方居ますか
私なりに作成して見たのですけど可笑しいところなどや 修正しないと駄目なところありますか もしあれば何処をどうすればいいのかなどを教えてもらえると嬉しいのですけども よろしくおねがいします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD><!--ひらがな 漢字コード識別用--> <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=4,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=4,Transition=23)"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="keywords" content="***,***,***,***,***,キーワ-ド,***,***,***,***,***,***"> <meta name="description" content="記述内容"> <TITLE>(仮)OKwab ***コンピューター・インターネット・パソコン・PCサイト ***</TITLE>
- みんなの回答 (6)
- 専門家の回答
みんなの回答
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <HEAD><!--ひらがな 漢字コード識別用--> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=4,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=4,Transition=23)"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="keywords" content="***,***,***,***,***,キーワ-ド,***,***,***,***,***,***"> <meta name="description" content="記述内容"> <TITLE>(仮)OKwab ***コンピューター・インターネット・パソコン・PCサイト ***</TITLE> </HEAD> このような感じで大体良いのではないでしょうか。 手持ちの本(HTML&XHTML&CSS辞典/大藤幹著/秀和システム)によれば、 <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> はHEAD内の一番最初(特にTITLEよりも上)に記述するのがよいと書かれています。 要素の大文字小文字はHTML4.01ではどちらでも構いません。 (XHTMLも視野に入れているなら小文字のほうが直す手間が無く、楽かも知れません) それとDOCTYPE宣言のhttp://www.w3.org/TR/html4/loose.dtdを加えるか外すかにより、いくつかのブラウザでは表示モードが切り替わりますので、CSSなどの用途により意図的に選択されてもよいかと思います。 http://allabout.co.jp/internet/hpcreate/closeup/CU20070115B/ HTMLの文法チェックにはこちらのサイトもあります。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html (Strictでないなら、酷いエラーを出さなければ、個人的には満点を取ることに神経質になる必要はないのでは…と思います)
- taketan_mydns_jp
- ベストアンサー率58% (450/773)
#4です。 > 早速上記から大手電話会社NTT東日本さんのHPソースを試しにチェックしましたが、Errorになるのはどうしてなのでしょうか 厳密に見れば、エラーの通りです。 しかし現実的にはみなさんいい加減にHPを作成し、あまり気にしていないようです。W3Cの規格に則っているとわざわざ宣言しているにもかかわらず、です。気にする人は気にしますが、その程度の物と考えておいた方が良いです。大手サイトはほとんど全滅です(笑。 私はソースの美しさを気にしますが、多くのサイトはメチャクチャです。あまり気にしていないようです。タグの閉じ忘れ、タグが入れ子になっている、等様々。それでもブラウザはある程度目的通り表示してくれます。ソースなんてどうでも良いからうまく表示されさえすればよい、という考え方の方が一般的ですね。
- taketan_mydns_jp
- ベストアンサー率58% (450/773)
いちばん気になるところと言えば、タグが大文字、小文字混在している事ですね。実際上、あまり変わりませんが。。。 最初にDOCTYPE宣言をし、HTML 4.01 Traditionalでしたら、仕様書に準じる必要があります。 http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html 一般論からして、結構いい加減ですね(笑。私はソースの美しさにこだわる方ですが、大手サイトでも混じっていたりしますし。 最終的にチェックするにはW3Cのチェッカが良いです。厳密にチェックしてくれますよ(ほとんどのサイトは全滅でしょう)。 http://validator.w3.org/ 参考まで。
お礼
http://validator.w3.org/ 早速上記から大手電話会社NTT東日本さんのHPソースを試しにチェックしましたが、Errorになるのはどうしてなのでしょうか ソースが間違っているのでしょうか? そんな風には思えませんけども 参考情報ありがとうございます。
- ame-sanc
- ベストアンサー率32% (152/467)
それでは内容は考えずに・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>(仮)OKwab ***コンピューター・インターネット・パソコン・PCサイト ***</TITLE> <!--ひらがな 漢字コード識別用--> <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=4,Transition=23)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=4,Transition=23)"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="keywords" content="***,***,***,***,***,キーワ-ド,***,***,***,***,***,***"> <meta name="description" content="記述内容"> </head> <body> ・・・・・・ </body> </html> タイトルはヘッド内の一番上に書くのが通例ですが、あまり関係はないと思います。 タイトルの構成ですが、検索されるときにキーワードが前のほうにあったほうが有効です。 例えば「イタリア料理」で検索してほしいのであれば、 「おいしいイタリア料理店」とするよりは 「イタリア料理 ~おいしい店篇~」としたほうが上位ヒットしやすいです。 あまり検索されたくなければ別ですが・・。 ごめんなさい、例がヘタで・・・ (^^;
- Tasuke22
- ベストアンサー率33% (1799/5383)
> 私が知りたいのはメタタグの設置位置やタイトル構成なのですけども <HEAD><IHEAD>の間にあればどこでも良いんじゃないでしょうか。 並んでいる方が見やすくて美しいとは言えますが。
- Tasuke22
- ベストアンサー率33% (1799/5383)
まず、どんなページを作ろうとしているのか分からないので、 このような質問は答えようがないでしょう。 内容はヘッダーの途中までしかなくて、評価のしようもありません。 あまり分からない人は、最初はヘッダーなど必要ないでしょう。 ボディが肝心です。 質問をしたくなったのはヘッダーの内容の意味が分からないためだ と思います。意味の分からないヘッダーを何故つけているのか理解 出来ませんが、勉強方法としては、ボディを先に作り、実際にブラウザ で表示する方が先決でしょう。
補足
私が知りたいのはメタタグの設置位置やタイトル構成なのですけども
お礼
回答を頂いた4名の方を代表してf47さんへお礼を申し上げます。 皆さんのご意見大変参考になりました。 ご協力ありがとうございました。