2011年10月1期Web制作【Strict道場】 TOP カテ一覧 スレ一覧 削除依頼
・ 次のスレ
Web界の盗作集団”Wing-Produce”を語ろう!
間違ったHTML/CSS解説本
歴史サイト管理人雑談スレ
CSS(スタイルー大柴シート)質問スレ51日目


【Strict道場】


1 :06/02/25 〜 最終レス :10/11/19
次のテキストをStrictなHTMLに書き換えなさい。
【注意】
 ◆スタイルは完全にCSS2で分離すること。
 ◆CSSはインラインではなく内部スタイルの形式で書きなさい。
 ◆Style要素以外のHead要素を書く必要はない。
 ◆class/id名は自由に定義してよい。
===============
【 食 中 毒 】
 飲食物を通して体内に入った病原菌や有毒物質によって起こされる健康障害を"食中毒"という。
わが国では最近性食中毒が多い。細菌性食中毒を防ぐには、食品の保存に注意し、調理器具、食器を
清潔に保つことが必要である。また、手指に傷があるときは食品に直接さわらないようにすることも
大切である。
■食中毒の分類
●細菌性
 ・感染型
 ・毒素型
●自然毒
 ・動物性
 ・植物性
●かび毒
●化学物質
===============
※註 【】は大見出しである。■は次のレベルの見出しである。
   ●・はリストである。

2 :
>>1
> わが国では最近性食中毒が多い(ry
最近性食中毒か…さすがStrict道場。難問だな!

3 :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>テキストをStrictなHTMLに書き換えなさい。</title>
<h1>注意</h1>
<ol>
<li>スタイルは完全にCSS2で分離すること。</li>
<li>CSSはインラインではなく内部スタイルの形式で書きなさい。</li>
<li>Style要素以外のHead要素を書く必要はない。</li>
<li>class/id名は自由に定義してよい。</li>
</ol>
<hr>
<h1>食 中 毒</h1>
<p>飲食物を通して体内に入った病原菌や有毒物質によって起こされる健康障害を<dfn><em>食中毒</em></dfn>という。<br>
わが国では最近性食中毒が多い。細菌性食中毒を防ぐには、食品の保存に注意し、調理器具、食器を<br>
清潔に保つことが必要である。また、手指に傷があるときは食品に直接さわらないようにすることも<br>
大切である。</p>
<h2>食中毒の分類</h2>
<ul>
<li>細菌性<ul>
<li>感染型</li>
<li>毒素型</li>
</ul></li>
<li>自然毒<ul>
<li>動物性</li>
<li>植物性</li>
</ul></li>
<li>かび毒</li>
<li>化学物質</li>
</ul>
<hr>
<p>※註 【】は大見出しである。■は次のレベルの見出しである。●・はリストである。</p>
ところで「◆Style要素以外のHead要素を書く必要はない。」って矛盾してるよね

4 :
>>3
宣言とかめんどいのは要らないから純粋に文書のマークアップだけをしてほしかったです
dfnとemの重複が余計なのと、brは不要だと思います

5 :
<pre>
>>1
</pre>

6 :
>>1
これStrictで作ってくれ
http://web.archive.org/web/20040623225923/http://www20.tok2.com/home/ilovemankonoana/

7 :

た の も う ぅ ぅ ぅ ぅ !!!
アルエ?道場主はトンズラかえ?

8 :
おりますよ
以下を適当にマークアップせよ
内容は長いので適当に端折ってよい
ttp://www.asahi-net.or.jp/~FV6N-TNSK/gates/column259.html

9 :
>>1さん
混乱するので◆zWwR4aPg5Iつけてくださいな。

10 :
これで良かったかな?

11 :
>>10
なんかイイヒトっぽいね。

12 :
age

13 :
Google Page Creatorスレ立たねえな。

14 :
ここ使っていいよ

15 :
Google Page CreatorとStrictって対極ですらあると思うんだがwwww

16 :
そんな酷いソースを吐くのか?

17 :
>>3
<ul>
<li>細菌性<ul>
<li>感染型</li>
<li>毒素型</li>
</ul></li>←これ
<li>自然毒<ul>←これ
<li>動物性</li>
<li>植物性</li>
</ul></li>

18 :
わかんねぇ。

19 :
わかった。
入れ子にできるんだ。

20 :
>>16
Strictスレに晒されてたやつ
http://s.takebayashi.x.googlepages.com/

21 :
>>20
すげえ、divの嵐だ。

22 :
むしろ560行まである内部スタイルの方が酷いだろww

23 :
うむ

24 :
きれいに並んでるなdiv

25 :
誘導されてきました。
pink初心者板自治スレ・1
http://sakura02.bbspink.com/test/read.cgi/pinkqa/1097690342/444
リンク先にあるLRからのタグ付きのLRについてなんですが
2KB以上との事で住人で修正してます。
最適なhtmlがあれば助言お願いします。

26 :
>>25
ねえ、それってURI加えると既に2k超えてない?
正しいマークアップより容量節約を意識してやってみても、全然足りてないんだが。

27 :
レスの最後の方のURLが入ってるやつから文字かURIを300バイトは削らないと収まらないっぽ。
半角英数で300文字か、全角文字で150文字ね。

28 :
>>26-27
レスありがとうございます。
そんなに越えているんですか?
http://sakura02.bbspink.com/test/read.cgi/pinkqa/1097690342/453+467
最後の方にある↑ではフォント赤字や太字にはちゃんとなりそうですか?
運営からはなるべく2KBって文面ですので多少は平気だと思うんですが。

29 :
色とか太字はなってはいるが、それだと2600バイトぐらいある。
流石にオーバーしすぎじゃない?
あと、変に文字が大きくて文字がうるさかったりでやすっちぃエロサイトみたい。
もっとシンプルな方がいいよ。
他の板のローカルルール見てみ。
装飾なんか全然してないから。

30 :
誘導したやつ責任もってがんばれよー。

31 :
>>29
返事遅くなりました。
文字でかくその他はわざとなんです。
自治スレ持って行って検討してみます。
また来るかもしれませんがありがとうございました。

32 :
test

33 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>次のテキストをStrictなHTMLに書き換えなさい。</title>
</head>
<body>
<pre>
>>1
</pre>
</body>
</html>
ごめんなんでもない。

34 :10/11/19
何だこれ
TOP カテ一覧 スレ一覧 削除依頼
・ 次のスレ
Web界の盗作集団”Wing-Produce”を語ろう!
間違ったHTML/CSS解説本
歴史サイト管理人雑談スレ
CSS(スタイルー大柴シート)質問スレ51日目