BugTrack/30
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*リストの多重化で出力されるタグの誤り [#rf30e51b]
-ページ: BugTrack
-投稿者: [[reimy]]
-優先順位: 普通
-状態: 完了
-カテゴリー: 本体バグ
-投稿日: 2002-06-27 (木) 06:33:54
-優先順位: 普通
-バージョン:
**メッセージ [#s660dc84]
-[[BugTrack/30/の続編]]
リスト出力タグで、現在は下記のように出力されています。
<ul>
<li>hogehoge</li>
<ul>
<li>hogehoge</li>
</ul>
</ul>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dt>
</dl>
</dl>
~<ul><dl>の子要素に<ul>や<dl>は置けないので下記のように修...
<ul>
<li>hogehoge</li>
<li><ul>
<li>hogehoge</li>
</ul></li>
</ul>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
<dd><dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
</dl></dd>
</dl>
この件についてはsngさんのところでも話が出てましたね。
基本的に<ul>の子要素は<li>だけ。<dl>の子要素は<dt>と<dd>...
----
-でも表示が上下でちがいませんか？ -- [[ゆう]] SIZE(1):200...
-なんか文字化けしてたので、消しちゃいました。もう一度書き...
-表示は基本的に違わないですよ。ただ現状の正しくない記述で...
-
#ref(ul_li.gif)
で、上が正規のHTML, 下が現行のHTMLなんですが。これはopera...
-ul-ie6.gifはIE6で下の正規のHTMLを表示した場合の例です。I...
●W3C HTML4.01 [[Strict DTD:http://www.w3.org/TR/html4/str...
<!ELEMENT DL - - (DT|DD)+ -- definition lis...
>意味：DLは開始タグ・終了タグを省略できず、子要素はDTもし...
<!ELEMENT OL - - (LI)+ -- ordered list -->
>意味：OLは開始タグ・終了タグを省略できず、子要素はLIを1...
<!ELEMENT UL - - (LI)+ -- unordered list...
>意味：ULは開始タグ・終了タグを省略できず、子要素はLIを１...
-どのブラウザもW3C''準拠''ってことで、''適合''ではないと...
●[[Another HTML-lint:http://openlab.ring.gr.jp/k16/htmlli...
チェックの結果は以下のとおりです。
HTML4.01 Transitional としてチェックしました。
3個のエラーがありました。このHTMLは -10点です。タグが 11...
先頭の数字はエラーのおおまかな重要度を 0～9 で示していま...
7: line 18: <UL> を 15行目の <UL>～</UL> 内に書くことは...
7: line 18: 15行目の <UL> に対応する終了タグ </UL> が見...
7: line 21: </UL> に対応する開始タグ <UL> が見つかりませ...
チェックしたHTMLは以下のとおりです。
1. <!doctype html public "-//W3C//DTD HTML 4.01 Transi...
2. <html lang="ja">
3. <head>
4. <meta http-equiv="content-type" content="text/html;...
5. <meta http-equiv="content-style-type" content="text...
6. <meta http-equiv="content-script-type" content="tex...
7. <meta name="generator" content="QX Editor with HTML...
8. <meta name="author" content="Reimy">
9. <link rev="made" href="mailto:webmaster@reimy.com">
10. <link rel="next" href="test2.html">
11. <title>test</title>
12. </head>
13. <body>
14. <div>
15. <ul>
16. <li>あ</li>
17. <li>い</li>
18. <ul>
19. <li>う</li>
20. </ul>
21. </ul>
22. </div>
23. </body>
24. </html>
-Another HTML-lintで残念ながら「よくできました」は得られ...
-つまりAnother HTML-linkは下記のようにしろということです...
1. <!doctype html public "-//W3C//DTD HTML 4.01 Transi...
2. <html lang="ja">
3. <head>
4. <meta http-equiv="content-type" content="text/html;...
5. <meta http-equiv="content-style-type" content="text...
6. <meta http-equiv="content-script-type" content="tex...
7. <meta name="generator" content="QX Editor with HTML...
8. <meta name="author" content="Reimy">
9. <link rev="made" href="mailto:webmaster@reimy.com">
10. <link rel="next" href="test2.html">
11. <title>test</title>
12. </head>
13. <body>
14. <div>
15. <ul class="nest1">
16. <li>あ</li>
17. <li>い</li>
18. </ul>
19. <ul class="nest2">
20. <li>う</li>
21. </ul>
22. </div>
23. </body>
24. </html>
W3Cの規格に準拠していないブラウザに対しては、ネストの深さ...
ul.nest1{
list-style-type:disc;
margin-left:2em;
}
ul.nest2{
list-style-type:circle;
margin-left:4em;
}
のように指定すればよいと(爆)
-これだとスタイルシート非対応のブラウザではネストの深さが...
-うーん、基本的にスタイルシート非対応でもちゃんと見れてほ...
--W3C準拠よりもw3m準拠のほうがブラウザ的にはやさしいのか...
-というわけでW3C準拠といいつつ、W3Cの使用に従っていないブ...
//#comment
終了行:
*リストの多重化で出力されるタグの誤り [#rf30e51b]
-ページ: BugTrack
-投稿者: [[reimy]]
-優先順位: 普通
-状態: 完了
-カテゴリー: 本体バグ
-投稿日: 2002-06-27 (木) 06:33:54
-優先順位: 普通
-バージョン:
**メッセージ [#s660dc84]
-[[BugTrack/30/の続編]]
リスト出力タグで、現在は下記のように出力されています。
<ul>
<li>hogehoge</li>
<ul>
<li>hogehoge</li>
</ul>
</ul>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dt>
</dl>
</dl>
~<ul><dl>の子要素に<ul>や<dl>は置けないので下記のように修...
<ul>
<li>hogehoge</li>
<li><ul>
<li>hogehoge</li>
</ul></li>
</ul>
<dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
<dd><dl>
<dt>hogehoge</dt>
<dd>hogehoge</dd>
</dl></dd>
</dl>
この件についてはsngさんのところでも話が出てましたね。
基本的に<ul>の子要素は<li>だけ。<dl>の子要素は<dt>と<dd>...
----
-でも表示が上下でちがいませんか？ -- [[ゆう]] SIZE(1):200...
-なんか文字化けしてたので、消しちゃいました。もう一度書き...
-表示は基本的に違わないですよ。ただ現状の正しくない記述で...
-
#ref(ul_li.gif)
で、上が正規のHTML, 下が現行のHTMLなんですが。これはopera...
-ul-ie6.gifはIE6で下の正規のHTMLを表示した場合の例です。I...
●W3C HTML4.01 [[Strict DTD:http://www.w3.org/TR/html4/str...
<!ELEMENT DL - - (DT|DD)+ -- definition lis...
>意味：DLは開始タグ・終了タグを省略できず、子要素はDTもし...
<!ELEMENT OL - - (LI)+ -- ordered list -->
>意味：OLは開始タグ・終了タグを省略できず、子要素はLIを1...
<!ELEMENT UL - - (LI)+ -- unordered list...
>意味：ULは開始タグ・終了タグを省略できず、子要素はLIを１...
-どのブラウザもW3C''準拠''ってことで、''適合''ではないと...
●[[Another HTML-lint:http://openlab.ring.gr.jp/k16/htmlli...
チェックの結果は以下のとおりです。
HTML4.01 Transitional としてチェックしました。
3個のエラーがありました。このHTMLは -10点です。タグが 11...
先頭の数字はエラーのおおまかな重要度を 0～9 で示していま...
7: line 18: <UL> を 15行目の <UL>～</UL> 内に書くことは...
7: line 18: 15行目の <UL> に対応する終了タグ </UL> が見...
7: line 21: </UL> に対応する開始タグ <UL> が見つかりませ...
チェックしたHTMLは以下のとおりです。
1. <!doctype html public "-//W3C//DTD HTML 4.01 Transi...
2. <html lang="ja">
3. <head>
4. <meta http-equiv="content-type" content="text/html;...
5. <meta http-equiv="content-style-type" content="text...
6. <meta http-equiv="content-script-type" content="tex...
7. <meta name="generator" content="QX Editor with HTML...
8. <meta name="author" content="Reimy">
9. <link rev="made" href="mailto:webmaster@reimy.com">
10. <link rel="next" href="test2.html">
11. <title>test</title>
12. </head>
13. <body>
14. <div>
15. <ul>
16. <li>あ</li>
17. <li>い</li>
18. <ul>
19. <li>う</li>
20. </ul>
21. </ul>
22. </div>
23. </body>
24. </html>
-Another HTML-lintで残念ながら「よくできました」は得られ...
-つまりAnother HTML-linkは下記のようにしろということです...
1. <!doctype html public "-//W3C//DTD HTML 4.01 Transi...
2. <html lang="ja">
3. <head>
4. <meta http-equiv="content-type" content="text/html;...
5. <meta http-equiv="content-style-type" content="text...
6. <meta http-equiv="content-script-type" content="tex...
7. <meta name="generator" content="QX Editor with HTML...
8. <meta name="author" content="Reimy">
9. <link rev="made" href="mailto:webmaster@reimy.com">
10. <link rel="next" href="test2.html">
11. <title>test</title>
12. </head>
13. <body>
14. <div>
15. <ul class="nest1">
16. <li>あ</li>
17. <li>い</li>
18. </ul>
19. <ul class="nest2">
20. <li>う</li>
21. </ul>
22. </div>
23. </body>
24. </html>
W3Cの規格に準拠していないブラウザに対しては、ネストの深さ...
ul.nest1{
list-style-type:disc;
margin-left:2em;
}
ul.nest2{
list-style-type:circle;
margin-left:4em;
}
のように指定すればよいと(爆)
-これだとスタイルシート非対応のブラウザではネストの深さが...
-うーん、基本的にスタイルシート非対応でもちゃんと見れてほ...
--W3C準拠よりもw3m準拠のほうがブラウザ的にはやさしいのか...
-というわけでW3C準拠といいつつ、W3Cの使用に従っていないブ...
//#comment
ページ名:
![[PukiWiki]](image/pukiwiki-dev.png "[PukiWiki]")
