アプリ版：「スタンプのみでお礼する」機能のリリースについて

ホームページの質問です。

解決済

  • 質問者：risa_gal
  • 質問日時：
  • 回答数：2件

ホームページの質問です。

50音表を作りたいのですが、こんな感じのタグで大丈夫でしょうか？
ちょっと自信ありません。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<style type="text/css">
<!--
#iti {
height: 25px;
width: 300px;
background-color: #FCF;
float: left;
clear: both;
}
#iti p {
margin: 0px;
}
.ni {
background-color: #9CF;
height: 300px;
width: 300px;
float: left;
clear: both;
}
ul {
padding: 0px;
margin: 0px;
}
ul li {
width: 80px;
float: left;
height: 30px;
background-color: #090;
}
-->
</style>
</head>

<body>
<div id="iti">
<p>あ行</p>
</div>

<div class="ni">
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>


</ul>

</div>

<div id="iti">か行
</div>

<div class="ni">
<ul>
<li>か</li>
<li>き</li>
<li>く</li>


</ul>


</div>

</body>
</html>

問題点等ありましたら、指摘願います。また、修正点があれば教えてください。

通報する

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

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： yyr446
  • 回答日時：

Another HTML-lintというサイトで、


HTML/XHTML文書の文法をチェックできます（有名です）

http://openlab.ring.gr.jp/k16/htmllint/htmllint. …

そのままだと　11点　「がんばりましょう」です。
（あまり意味無いですけど、ほとんどDOC宣言がらみの宗教的仕様エラーで、
　抜本的なミスはidの重複のみだけど）

↓になおすと、一応100点
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>無題ドキュメント</title>
<style type="text/css">
.iti {
height: 25px;
width: 300px;
background-color: #FCF;
float: left;
clear: both;
}
.iti p {
margin: 0px;
}
.ni {
background-color: #9CF;
height: 300px;
width: 300px;
float: left;
clear: both;
}
ul {
padding: 0px;
margin: 0px;
}
ul li {
width: 80px;
float: left;
height: 30px;
background-color: #090;
}
</style>
</head>
<body>
<div class="iti">
<p>あ行</p>
</div>
<div class="ni">
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>
</ul>
</div>
<div class="iti">か行
</div>
<div class="ni">
<ul>
<li>か</li>
<li>き</li>
<li>く</li>
</ul>
</div>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

Another HTML-lintは日本語訳で便利ですね。

とてもうれしいです。

文法的にはdiv idの重複だけのようですっきりしました。

ありがとうございます。

通報する
お礼日時：2010/09/03 19:03

No.1

  • 回答者： metametamu
  • 回答日時：

とりあえず id="iti" が２つあります。

1つのhtmlではid名はかぶってはいけないことになっています。


＞50音表を作りたい

なんだかtableの方がいい気がします。
”あ行”の部分にヘッドライン的な内容が来れば単純にh1などに置き換えればいいのですが、そういう内容でもありませんし。


<table>
<tr>
<th>あ行</th>
<td>あ</td>
<td>い</td>
<td>う</td>
<td>え</td>
<td>お</td>
</tr>
<tr>
<th>か行</th>
<td>か</td>
<td>き</td>
<td>く</td>
<td>け</td>
<td>こ</td>
</tr>
</table>
    • good
    • 0
    • 件
通報する
この回答へのお礼

id="iti"はclass="iti"でＯＫですかね？

どうもありがとうございます。

通報する
お礼日時：2010/09/03 14:51

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報