-
ID:89gEyE さんの質問

今年からWebディレクターをしています。
先日、あるデザイナーさんが、Webページのテンプレートを作ってくれたのですが、
ブラウザで見たところ、なんか表示が変で、作成した本人に聞いたところ、「おかしくないです。これは一般的に使われている正しい書き方です。ちゃんとHTMLとCSSを勉強してください」と怒られました。
今、勉強中なんですが、下記のタグ、これは正しいですか?申し訳ありません。教えてください。

=====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>正しいタグの書き方</title>
</head>
<style type="text/css">

h2.header .photo {...}

h2.header p {...}

h2.header dd a ol {...}

</style>
<body>
<h2 class="header"><a href="#menu"><img src="photo.jpg" class="photo">
// ヘッダーここから
<p>テキストテキスト...</p>
<p>テキストテキスト...</p>
<p>テキストテキスト...</p>
<em><br>
<strong><br>
<h1>タイトル</h1>
<p>テキストテキスト...</p>
</strong>
</em>
<br>
<dl>
<dt>タイトル</dt>
<dd><a href="#menu">
<ol>// メニューここから
<li><a href="#01">メニュー1</a></li>
<li><a href="#02">メニュー2</a></li>
<li><a href="#03">メニュー3</a></li>
</ol>
</a></dd>
</dl>
</a> </h2>
</body>
</html>
=====

みんなの回答 20 件

ID:35wYbU さんの回答

「表示が変」と「書き方が正しいか」は別の話では...

ID:g7GRzA

h2の中にh1入ってる時点でアウト。何か色々気持ち悪いソースだなぁ。

ID:HCbHOZ

同意。h2じゃなくてdivでしょこれ。<a href="#menu">の中に<a href="#menu">が入ってたり何がしたいかわからない。そもそも表示がおかしいならソースがおかしくないわけがない。

ID:gxQV9e さんの回答

<a>の閉じ方が変。「// ヘッダーここから」ってなにこれ?コメントアウトのつもり?

ID:fSKAUp さんの回答

釣りですね、わかります。

ID:THENaL

釣りだろ

ID:WIoEFN

釣りだ

ID:mWPTlC さんの回答

まあ、見た目がよろしければ良い話ですから。

ID:TlxcPq さんの回答

色々とおかしい。
まず、トピ主はWebディレクターなのに
「なんか表示が変っ」て素人なのか?
どの様に変なのか説明できないの?

で、デザイナー。
表示が変だと言われたのに
「一般的に使われている正しい書き方」って
答えになってないでしょ。
そのデザイナーは見た目にこだわらないの?
コードの書き方の方が大事?

ID:H9lRNf

だから釣りなんだって

ID:mWPTlC

日本語でお願いします。

ID:8PK/CR さんの回答

ネストがすごいことになってますね〜。

ID:mWPTlC

ネストって何?

ID:0ZM.n5

↑これも釣り

ID:ac1d3H

↑こいつも釣り

ID:kxfrfQ

↑これも釣り

ID:W0o3GE

↑これが釣り

ID:moppPR さんの回答

HTMLのコメントアウト「<!-- -->」。
phpのコメントアウト「//」
「<h1>~<h6>」のheadingタグは階層構造にして使用し、入れ子にしない。
「<a>」の使い方が強引過ぎる。
「<em>」と「<strong>」の終了タグ(閉じタグ)が無い。
XHTMLは整形式(Wellformed)でコーディング、終了を意味する「 /」半角スペースにスラッシュ。
「<meta content-style-type="text/css">」でstyleの指定も無い。
javascriptを使用する際は「<meta content-script-type="text/javascript">」の指定をする。
「<style>」タグの中に、HTMLのコメントアウト「<!-- -->」が記述されていない。

という部分が気になりました。

ID:mWPTlC

styleタグの中のコメントは最新ブラウザにはいらないんだよね?

ID:Hdr8.9 さんの回答

これがマジだったら試されてるね。

ID:I.yEdA さんの回答

何から突っ込んでいいの?(´・_・`)
h2の中に色々入ってる…。

ID:moppPR さんの回答

HTMLは元々文書の段落や構造を指定するものなので、CSSでStyleを指定する前に文書としておかしくないか、間違った文法になっていないか等気をつけると良いと思います。
「表示が変」は致命的なので、基本をしっかりおさえておいた方が良いと思います。
表示のみ意識するのであれば、全て画像で問題ないかと思います。
<img src="表示部分全領域の画像へのパス" width="全画面" height="全画面" alt="HPです">

ID:XdbCJ2

ここに釣り糸があった

ID:BMJgGY さんの回答

表示のどこが変ってちゃんとキャプチャなりとってフィードバックすればいいのにね、と釣られてみる

ID:k3W58e さんの回答

この程度のソースでデザイナーに言いくるめられていうようじゃディレクターは厳しいな。
「なんか表示が変」でみんなから答えをもらうのもディレクターとして伝達能力が乏しい。それに表示がどう変なのかデザイナーと付け合わせしていないようにも思えるね。

まあ、釣りだということを願うわ。

ID:Hs3wAo さんの回答

全然この質問の全貌が見えない。何コレ。

ID:RhVkVi さんの回答

このソース、質問するために一部変えてますよね。その時にタグとかコメントアウト弄ってませんか?

  • <h2>タグの中に<h1>はおかしいです
  • たしかXHTMLではbrタグにも閉じ意味のスラッシュが必要 <br />
  • 「// ヘッダーここから」コメントアウトの書き方間違っている
  • <a href="#menu">の中にaタグあるのもおかしい。アンカーリンクなら<a href="#menu"></a>と書けばいいだけのはず

もし質問者さんがテキスト以外のタグとか弄ってないようでしたら、ちょっとコーディングレベル低いと思います。これでは正しい表示ができません。このレベルですとCSSも怪しいです。タグが正しく書かれていてもCSSでレイアウトを正しく作れていなければ崩れます。

デザイナーには崩れてる箇所とここで集まった回答を伝えて下さい。
ブラウザチェックも忘れずに

ID:.C74vg さんの回答

お前らこういうレベルの低いトピックにバクバク食いつくな

ID:W0o3GE

気分転換になるじゃん?

ID:m4HvFm さんの回答

こんなのがテンプレートとか終わってんな。
ページ量産されたら、たまったもんじゃない。

インライン要素にブロック要素突っ込んでるあたり、
基本すら出来てないし、正直まだ何も書かれてないほうがマシなレベル。

ID:x91boj さんの回答

そもそもこのソースコードがデザイナーが作ったテンプレートなのか、勉強中であるトピ主が書いたものなのかすら分からない件。

ID:HtK0kx さんの回答

トピ主さんが書いたに1票!

見れば見るほど制作に携わる人が書かないソースと思います。

webの第一歩を踏み出した人なら教科書通り書くと思うし、↑みたいな入れ子を多様して書く人なら、<h2><h1>〜</h1></h2>はしないかなと思いました。

矛盾したソースですね。

ID:zzJmMq さんの回答

xhtmlなのにimgタグ閉じてない、width、height、alt書いてないのは文法違反
<img src="../images/hoge.jpg" alt="hage" width="hoge" height="hoge" />
イメージのソースパスは仮だけど、上の書き方が正しい。
これ素人がコーディングしてるでしょ。あきらかに釣りだね。

ID:zzJmMq

あと、CSSをページ内に書く事と別ファイルで分ける事の違いも分かってないみたいだね。これじゃ毎回CSSを読み込む事になるから表示速度を気にする大手の企業じゃこの時点でNGだよ。

ID:zzJmMq

<br>じゃなく<br />(´•ω•`)

ID:ac1d3H

そこはさぁ、ルート相対で書こうよ。

ID:zzJmMq

ID:ac1d3Hu6mijX

別に今回の件に関してはどっちでもよくね?
この説明でルート相対で書かなければいけない理由ってなに?

ID:2zKzXN

width、heightを書いてないのは文法違反っていうのは違くない?
altは書いた方がいいけど。

ID:V5/aVf さんの回答

HTMLなんぞ素人でもちょっとやりゃ覚えれるんだから一度やったらいいのに。
…と釣りにレスしてみるテスト

最終更新日:2014-04-04 (5,037 views)

関連するトピックス

ページ上部に戻る