XHTMLに関する質問順序が逆になってしまうのはどうしてでしょうか？

解決済

質問者：ampman
質問日時：2007/01/14 21:26
回答数：3件

現在、XHTMLでHPを作っているのですが、

<title>My profile </title>
</head>

<body><center>
<p><h1><strong>My Profile</strong></h1></p>
<p><img src="pictures/me.jpg"></p>
<p>↑is my pfhoto(whem I was 19 years old in Fuji-Mountain)</p>

<table border="1">
<tr>
<th>name</th>
<td>**** ********</td>
</tr>
<tr>
<th>age</th>
<td>23</td>
</tr>
<tr>
<th>hobby</th>
<td>playing guitar</td>
</tr>
<tr>
<th>Hometown</th>
<td>Chiba</td>
</tr>

<ul>
<li>Favorite Guitarist Ranking</li>
<ol>
<li>Doug Aldrich</li>
<li>Zakk Wylde</li>
<li>Kiko Loureiro</li>
</ol>

<li>Favorite Band Ranking</li>
<ol>
<li>Ozzy Osuborne</li>
<li>Whitesnake</li>
<li>BON JOVI</li>
</ol>
</ul>

</center>
</body>
</html>

と、ソースを書いたのですが、
写真
簡単な自己紹介（表）
好きなギタリストとバンドのランキング
と、ソースで書いた順番ではなく、
写真
ギタリストのランキング
簡単な自己紹介（表）
の順に表示されてしまいます。

様々な本やＷＥＢを参照したのですが、よくわかりませんでした。
どなたか、この解決法を教えていただければ・・よろしくお願いいたします。

また、表示を全てセンターに寄せたいのですが、
＜center＞を使うのは、XHTML的によいのでしょうか？？
XHTMLの本にはそういう書き方はされておらず、
どうすれば全体が真ん中によるのかも教えていただけると幸いです。

長くなりましたがよろしくお願いいたします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： himajin100000
回答日時：2007/01/14 22:00

文法的に突っ込みどころはたくさんありますが

順序が変わって見える最大の要因はtableの終了タグが存在せず、
ブラウザがどこで終了していいかわからないからでしょう。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>My profile </title>
</head>
<body>
<h1>My Profile</h1>



<p><img src="pictures/me.jpg" alt=""/></p>
<p>↑is my pfhoto(whem I was 19 years old in Fuji-Mountain)</p>

<table>
<caption>My Data</caption>
<tr>
<th>name</th>
<td>**** ********</td>
</tr>
<tr>
<th>age</th>
<td>23</td>
</tr>
<tr>
<th>hobby</th>
<td>playing guitar</td>
</tr>
<tr>
<th>Hometown</th>
<td>Chiba</td>
</tr>
</table>



<dl>
<dt>Favorite Guitarist Ranking</dt>
<dd>Doug Aldrich</dd>
<dd>Zakk Wylde</dd>
<dd>Kiko Loureiro</dd>

<dt>Favorite Band Ranking</dt>
<dd>Ozzy Osuborne</dd>
<dd>Whitesnake</dd>
<dd>BON JOVI</dd>
</dl>

</body>
</html>

- 0
- 件

通報する

この回答へのお礼

詳しい説明ありがとうございました！！
自分なりに勉強してみます！！

通報する

お礼日時：2007/01/14 22:16

No.2

回答者： deadlock
回答日時：2007/01/14 21:56

> XHTMLに関する質問順序が逆になってしまう

コレに関しては、タグの対応や入れ子をちゃんと確認してください。
lintと呼ばれるチェックツールを使えば、間違いは簡単に分かります。
参考URLに書いたサイトなどはオンラインでも使えますから、参照してみてください。

>> ＜center＞を使うのは、XHTML的によいのでしょうか？？
XHTMLにも種類があり、centerを使えるものと使えないものがあります。StrictではNG, TransitionalではOKです。
現在の方向性(見栄えに関するものはCSSを使う)としてはNGなので、できるだけ使わないほうが今後役に立つと思います。
CSSのtext-alignが相当するので、調べてみてください。

参考URL：http://htmllint.itc.keio.ac.jp/htmllint/htmllint …