- ベストアンサー
ホームページの質問です。50音表を作りたいのですが、こんな感じのタグで大丈夫でしょうか？ちょっと自信ありません。
- ホームページの質問です。50音表を作りたいのですが、タグの書き方に自信がありません。適切な方法を教えてください。
- ホームページで50音表を作成したいですが、タグの設定方法が分かりません。アドバイスをお願いします。
- 50音表をホームページに追加したいのですが、タグの書き方がわかりません。簡単な方法を教えてください。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
Another HTML-lintというサイトで、 HTML/XHTML文書の文法をチェックできます（有名です） http://openlab.ring.gr.jp/k16/htmllint/htmllint.html そのままだと 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-transitional.dtd"> <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>
その他の回答 (1)
- metametamu
- ベストアンサー率51% (153/295)
とりあえず 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>
お礼
id="iti"はclass="iti"でＯＫですかね？ どうもありがとうございます。
お礼
Another HTML-lintは日本語訳で便利ですね。 とてもうれしいです。 文法的にはdiv idの重複だけのようですっきりしました。 ありがとうございます。