ＨＰのソースに詳しい方居ますか

締切済

質問者：CONAN18
質問日時：2007/03/09 11:34
回答数：6件

私なりに作成して見たのですけど可笑しいところなどや
修正しないと駄目なところありますか

もしあれば何処をどうすればいいのかなどを教えてもらえると嬉しいのですけども

よろしくおねがいします。

<!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>（仮）ＯＫwab ***コンピューター・インターネット・パソコン・ＰＣサイト ***</TITLE>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

最新から表示
回答順に表示

No.6

回答者： noname#25620
回答日時：2007/03/10 13:06

<!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>（仮）ＯＫwab ***コンピューター・インターネット・パソコン・ＰＣサイト ***</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/ …

HTMLの文法チェックにはこちらのサイトもあります。
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
（Strictでないなら、酷いエラーを出さなければ、個人的には満点を取ることに神経質になる必要はないのでは…と思います）

- 0
- 件

通報する

この回答へのお礼

回答を頂いた４名の方を代表してf47さんへお礼を申し上げます。

皆さんのご意見大変参考になりました。

ご協力ありがとうございました。

通報する

お礼日時：2007/03/14 14:15

No.5

回答者： taketan_mydns_jp
回答日時：2007/03/09 22:56

#4です。

> 早速上記から大手電話会社ＮＴＴ東日本さんのＨＰソースを試しにチェックしましたが、Errorになるのはどうしてなのでしょうか

厳密に見れば、エラーの通りです。
しかし現実的にはみなさんいい加減にHPを作成し、あまり気にしていないようです。W3Cの規格に則っているとわざわざ宣言しているにもかかわらず、です。気にする人は気にしますが、その程度の物と考えておいた方が良いです。大手サイトはほとんど全滅です（笑。

私はソースの美しさを気にしますが、多くのサイトはメチャクチャです。あまり気にしていないようです。タグの閉じ忘れ、タグが入れ子になっている、等様々。それでもブラウザはある程度目的通り表示してくれます。ソースなんてどうでも良いからうまく表示されさえすればよい、という考え方の方が一般的ですね。

- 0
- 件

通報する

No.4

回答者： taketan_mydns_jp
回答日時：2007/03/09 13:19

いちばん気になるところと言えば、タグが大文字、小文字混在している事ですね。

実際上、あまり変わりませんが。。。
最初にDOCTYPE宣言をし、HTML 4.01 Traditionalでしたら、仕様書に準じる必要があります。
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 …

一般論からして、結構いい加減ですね（笑。私はソースの美しさにこだわる方ですが、大手サイトでも混じっていたりしますし。

最終的にチェックするにはW3Cのチェッカが良いです。厳密にチェックしてくれますよ（ほとんどのサイトは全滅でしょう）。
http://validator.w3.org/

参考まで。

- 0
- 件

通報する

この回答へのお礼

http://validator.w3.org/
早速上記から大手電話会社ＮＴＴ東日本さんのＨＰソースを試しにチェックしましたが、Errorになるのはどうしてなのでしょうか

ソースが間違っているのでしょうか？

そんな風には思えませんけども

参考情報ありがとうございます。

通報する

お礼日時：2007/03/09 14:29

No.3

回答者： ame-sanc
回答日時：2007/03/09 12:48

それでは内容は考えずに・・・

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>（仮）ＯＫwab ***コンピューター・インターネット・パソコン・ＰＣサイト ***</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>

タイトルはヘッド内の一番上に書くのが通例ですが、あまり関係はないと思います。

タイトルの構成ですが、検索されるときにキーワードが前のほうにあったほうが有効です。
例えば「イタリア料理」で検索してほしいのであれば、

「おいしいイタリア料理店」とするよりは
「イタリア料理　～おいしい店篇～」としたほうが上位ヒットしやすいです。
あまり検索されたくなければ別ですが・・。

ごめんなさい、例がヘタで・・・　(^^;

- 0
- 件

通報する

No.2

回答者： Tasuke22
回答日時：2007/03/09 12:45

> 私が知りたいのはメタタグの設置位置やタイトル構成なのですけども

<HEAD><IHEAD>の間にあればどこでも良いんじゃないでしょうか。
並んでいる方が見やすくて美しいとは言えますが。

- 0
- 件

通報する

No.1

回答者： Tasuke22
回答日時：2007/03/09 11:43

まず、どんなページを作ろうとしているのか分からないので、

このような質問は答えようがないでしょう。
内容はヘッダーの途中までしかなくて、評価のしようもありません。
あまり分からない人は、最初はヘッダーなど必要ないでしょう。
ボディが肝心です。

質問をしたくなったのはヘッダーの内容の意味が分からないためだ
と思います。意味の分からないヘッダーを何故つけているのか理解
出来ませんが、勉強方法としては、ボディを先に作り、実際にブラウザ
で表示する方が先決でしょう。