Strict-HTML スレッド24
■ このスレッドは過去ログ倉庫に格納されています
0001Name_Not_Found
04/10/02 22:19:38ID:???W3C 信者もそうじゃない人も投稿歓迎。 でもHTMLの基礎知識は欲しいね。
sage進行推奨。
* HTML 4.01 Strict, XHTML 1.0 Strict, XHTML Basic 1.0 (XHTML Basic),
* XHTML 1.1, XHTML 2.0, ISO/IEC 15445 (ISO-HTML), JIS X 4156 (JIS-HTML) など。
Strict-HTML スレッド23
http://pc5.2ch.net/test/read.cgi/hp/1094311630/
過去ログ・関連スレ >>2
勧告等・その他 >>3
0391Name_Not_Found
04/10/22 16:42:29ID:???tfootの位置がDTD違反だろそれ。
0392380
04/10/22 16:51:00ID:???<th scope="col">...</th>
こんなの知りませんでした;ありがとうございます。
scope=rowを当てれば十分いけますね。
っていうかこれ、必須属性にするべきですよね。
0393Name_Not_Found
04/10/22 17:30:00ID:???うわ、やっちまった。
いつもtfoot一番下にかいちゃうんだよね。
0394Name_Not_Found
04/10/22 23:09:28ID:???おそろしくショボいけどな。
http://www.3ch.jp/
0395Name_Not_Found
04/10/25 11:06:49ID:???それともそれ以外の方法にしますか?
例1.
<p class="navi">
<a href="./">ふんにゃか</a>>ふんにゃか
</p>
例2.
<div class="navi">
<p>
<a href="./">ふんにゃか</a>>ふんにゃか
</p>
</div>
0396Name_Not_Found
04/10/25 13:02:00ID:???ul派、ol派、pで文章派、>>395派
たぶん>>395派はどちらの例としてもこのスレでは少数派だろうな。
0397Name_Not_Found
04/10/25 15:47:39ID:???0398Name_Not_Found
04/10/25 17:19:23ID:???基本的に
「道順」
なので、君がサイトの中に自分の自分の家から駅までの道順を説明するのと同じように
マークアップすればいいよ。
>>397
見出しの省略されたセクションとでもいいたいんじゃないか?
0399Name_Not_Found
04/10/25 18:17:08ID:???それは「パンくずリストとして」ではなく、ある要素classでまとめようとした場合、
の話だな。
んで、もし、class="navi" が p 要素1個しかグルーピングする予定がないなら、
上でも、下でもほぼ差は無いと思われる。お好みでどうぞ。
もし、class="navi" がその内容を頻繁に変えるとか、複数の要素をグルーピング
するというなら明らかに下の方が便利だ。
あと、仮に「1ページ内にclass="navi"は必ず1個しか出現しないし、その
要素も1個だけだ」と言う場合、classかidか検討してみる余地もある、
と質問者を混乱させてみる。
0400Name_Not_Found
04/10/25 18:42:15ID:???0401Name_Not_Found
04/10/25 18:46:26ID:???HTML4.01 Strictの要素に当てはめて、開始tagと終了tagを前後に記述すればOK。
0402Name_Not_Found
04/10/25 20:05:31ID:???「レイアウトありきのマークアップの時点ですでにストリクトじゃない」
これって本当?確かCSSスレで見かけたと思う。
俺てきにはこいつアフォ決定だな。まぁアホスレだしと思ってるが一応ここの総意を聞かせてくれ。
普通は見栄えありき、というか見栄えができてから最後にコーディングをするよね。
そのときにストリクトで仕上げるかテーブルで仕上げるかを迷うわけで。
とりああず意見をば利かせておくれ。よ・
0403Name_Not_Found
04/10/25 20:19:26ID:???釣れますか?
0404Name_Not_Found
04/10/25 20:20:52ID:???餌が良くないとおもふ。
0405402
04/10/25 22:07:00ID:???もしかしてお前らも
「レイアウトありきのマークアップの時点ですでにストリクトじゃない」
とか思ってるの?
そういう勘違いは勧告書のどのあたりを読むとできるわけ?
0406Name_Not_Found
04/10/25 22:11:29ID:???0407Name_Not_Found
04/10/25 22:21:02ID:???</a>>には誰も突っ込まないのか
0408Name_Not_Found
04/10/25 22:26:40ID:???&gt;が展開されてんだろ
0409Name_Not_Found
04/10/25 22:27:03ID:???'>'はスタイルシートで出力するというのは散々既出な上にあたりまえなのでいまさら突っ込まない。
0410Name_Not_Found
04/10/25 22:36:55ID:???つーか、見栄えじゃないじゃん。
0411Name_Not_Found
04/10/25 22:41:23ID:???0412Name_Not_Found
04/10/25 23:07:00ID:???このサイトの
http://www.umeemon.com/img/index/erabu2.jpg
こうゆう画像ってなんていうの?バナーみたいなでも意味が全然ちがうよね。
で、質問なんだけどこういうバナー的な画像って実際はかなり多用されてるのよね。
画像のなかの一部分を<hn>にしたりは今後もできるようになるよていないのかな?
発想としてはクリッカブルマップ的に。
0413Name_Not_Found
04/10/25 23:09:07ID:???具体的にどう書くか、を考えると面倒くさい話だな。XML使え。
0414Name_Not_Found
04/10/25 23:09:46ID:???お前が見栄えだと思ってるかどうかというより、作者がそこに「意味」をこめてるのなら
必ずHTMLに書かなきゃいけない。
それは「>」が世間一般ではただの装飾であると考えられてたとしてもだ。
つまり装飾か否かを決めるのは常に作者であり、間違っても閲覧者ではないということだ。
ちなみに俺は装飾だと思ってる派なのでスタイルでやってる。
0415Name_Not_Found
04/10/25 23:52:10ID:???<img src="./" alt="→"><a href="./">ふんにゃか
ってのを見たことがあるんだが(内田がこれ)、altで→を明示しているということは、
>なり→に明確な意味がこめられているってことで装飾じゃないよな。
スタイルでやる派は、ulなりolにlist-style-imgを使ってるのかな?
0416Name_Not_Found
04/10/26 00:01:13ID:???:before { content: ">"; } とかじゃねーの?
0417Name_Not_Found
04/10/26 00:41:35ID:???それは脳内すぎるw
>>415
俺はbackground-imageでやってるね。そのほうが位置とか細かく好きにできるし。
0418Name_Not_Found
04/10/26 01:04:33ID:???.navi li{display:inline;}
.navi li+li:before{ content: ">" }
<ol>
<li>ふんにゃか</li>
<li>ふんにゃか</li>
</ol>
0419Name_Not_Found
04/10/26 01:06:02ID:???あ、class="navi"が抜けた。適当に脳内補完しておいて。ごめん。
0420Name_Not_Found
04/10/26 01:39:54ID:???だから脳内すぎるぞお前。
IEが実装してないプロパティ使ってどうする気よ?
いくら脳内論議の場だからってCSSの話までするならちゃんと現実を考えろよ。
っていうかもしかしてやったことないんか?
0421Name_Not_Found
04/10/26 01:49:21ID:???実装のことはスレ違いという、このスレの (愚かしい) 基本を知らないとは…。
新参の方ですか?
ま、現実の話をしたかったらこちらにでもどうぞ。
【W3C】Web標準仕様・技術系総合スレッド その1
http://pc5.2ch.net/test/read.cgi/hp/1093950965/
0422Name_Not_Found
04/10/26 01:50:38ID:???0423Name_Not_Found
04/10/26 01:58:20ID:???一応それは分かって言ってるように見えるけど。
0424Name_Not_Found
04/10/26 05:09:02ID:???>実装のことはスレ違いという、このスレの (愚かしい) 基本を知らないとは…。
>>415読んでない?今は実装の話をしてるんだよ。
っていうかまずは日本語の勉強しろよ、な!
0425Name_Not_Found
04/10/26 05:17:13ID:???ってのをCSSでも貫いているだけのことじゃん?
それに普段どうしているか、と、このスレで議論する内容は別物だし、
UAの仕様に合わせてごにょごにょするって考え方が混ざると厄介なので
【W3C】Web標準仕様・技術系総合スレッド その1
http://pc5.2ch.net/test/read.cgi/hp/1093950965/
に分岐したわけだから。別にこっちが本スレであっちは隔離って訳でもないし、
それぞれ自分にあったスレで話したらいいじゃん。
0426Name_Not_Found
04/10/26 05:21:08ID:???0427Name_Not_Found
04/10/26 13:14:44ID:???0428Name_Not_Found
04/10/26 13:27:41ID:???そんなことないよ。
現実のUAにあわせてどうするかを考えるのは、
それはそれで大事なことじゃん。
0429Name_Not_Found
04/10/26 16:17:33ID:???>それはそれで大事なことじゃん。
お前・・・・それが一番重要なことでここで話してるのはヲタのくだらない趣味程度のことなんだから
勘違いするなって。
>それぞれ自分にあったスレで話したらいいじゃん。
どっちも廃スレみたいなもんだからな。俺としてはどこで何を話してもいいと思うがね。
わざわざ話題AをするにはA教室にいかないとダメです。なんてのは必要なし。
参加したくない話題はスルーするがよろし。
0430Name_Not_Found
04/10/26 16:44:24ID:???「仕様こそ全て。実装は2の次」がこのスレの基本だし、それを実際に実行してる人もいる。
そういう人の(あるいは話題のための)スレがここ。実装について語る場所じゃない。
話題Aのための部屋で話題Bを進めるのは唯の阻害だから、
それ以外の話題をしたいのなら話題B用の部屋を使え。
これだから実装重視の奴は目先しか見えていなくて駄目だ。
0431Name_Not_Found
04/10/26 17:07:26ID:???0432Name_Not_Found
04/10/26 18:03:19ID:???IEで使えないプロパティだって知らなくて暴れてるアフォがいるスレはここですか?( ´,_ゝ`)プッw
0433Name_Not_Found
04/10/26 18:24:32ID:???0434Name_Not_Found
04/10/26 19:00:50ID:???そうなんですよ。なんとかしてください。
0436Name_Not_Found
04/10/26 21:33:09ID:???0437Name_Not_Found
04/10/26 21:38:00ID:???世間的にヲタでもそうでなくてもどうでも良い。
0438Name_Not_Found
04/10/27 01:41:17ID:???0439Name_Not_Found
04/10/27 02:01:16ID:???0440Name_Not_Found
04/10/27 04:06:51ID:???ループがこのスレの醍醐味だ!
0441Name_Not_Found
04/10/27 12:49:56ID:???0442Name_Not_Found
04/10/27 17:32:25ID:???こいつmarqueeの意味すらしらねンだな
0443Name_Not_Found
04/10/27 20:04:41ID:???0444Name_Not_Found
04/10/27 20:43:56ID:???不覚にもワロタ
0445Name_Not_Found
04/10/28 06:55:22ID:???自演うざ
0446Name_Not_Found
04/10/29 16:34:29ID:???home > chapter > section
<div id="pankuzu">
<hn>ホームページから現在ページまでの道順</hn>
<ol><li>home<li>chapter<li>section</ol>
</div>
おわっちった・・・簡単だったな。
そういえば昔は、階層構造までをマークアップしろとかアフォなこという住人がいたな。
ヲタクにも度があるよな。重要なのは道順であって、階層ではないのにな。
っていうか見出しが見えてないんだろうか。
階層を書くならそれはパンクズじゃなくて、サイトマップだろ。サイトマップをCSSで
パンクズに整形したようなもんだ。しかしそれをHTMLでパンクズと呼ぶのはおかしいだろアフォめが!
パンクズはあくまで道順じゃボケ!
0447Name_Not_Found
04/10/29 16:36:34ID:???0448Name_Not_Found
04/10/29 16:39:45ID:???また偉く難しい漢字で叩くのね
0449Name_Not_Found
04/10/29 17:11:31ID:???ヨメネェ・・・読めても意味ワカンネ・・・
0450Name_Not_Found
04/10/29 17:14:04ID:???http://dictionary.goo.ne.jp/search.php?MT=%EF%E7%C3%CD&kind=jn
>>447を意訳すると、
「沸点低っ!」
ってことかと。
0452Name_Not_Found
04/10/29 17:31:48ID:???0453Name_Not_Found
04/10/29 18:46:02ID:???難しい言葉使いたい盛りの年頃の馬鹿なんだろうからほっといてやれ
>>446
ところでお前は何かを勘違いしてるな。
ぱんkくずだろうがなんだろうが、構造マークアップ言語ではそれが階層であるならば
階層であることを伝えるのが普通だ。
まあXMLで考えればすぐわかるだろう。ぱんくずであろうがなかろうが階層は階層でマークアップすることに
より受けられる恩恵を。はは
0454Name_Not_Found
04/10/29 19:23:48ID:???できればliは閉じて欲しいな。
0455Name_Not_Found
04/10/29 19:32:40ID:???まずは仕様書の例文に文句を言って来い
0456Name_Not_Found
04/10/30 03:43:18ID:???455 :Name_Not_Found :04/10/29 19:32:40 ID:???
>>454
まずは仕様書の例文に文句を言って来い
例えばこういう1塊。
本文は<pre>でもなんでもいいんですが、1行目のヘッダ的な部分はどうするべきでしょうか?
多分全部あわせて表だと思うんですがあってますか?
全部とは>>1-1000あわせてです。
またよく言われることですが、元々ストリクトではないこういうものはストリクトにマークアップは
できない。って本当ですか?それってストリクトが早くも限界を迎えてるということだと
思うんですが勘違いでしょうか?
宜しくお願いします。
0457Name_Not_Found
04/10/30 04:11:22ID:???あと2chをstrict化というのは最近出た話題なので過去ログ
読めば出てくるはず。
以上
0459Name_Not_Found
04/10/30 06:29:35ID:???0460456
04/10/30 06:56:10ID:???^^;
そんなこと言いながらこのスレをチェックしてくれてるんだから
本当は暇なんでしょ?
仲良く話せばいいのに。まあ私はそろそろ寝るのでさようなら。
誰か明日また>>456についての話をしましょう。
455 :Name_Not_Found :04/10/29 19:32:40 ID:???
問題はこれなんですよね。こういうのって表なのかDLをCSSで整形しただけなのか
かなり微妙なところですよね。
そもそもDLを整形したいなら初めから表を使えばいいような貴もするんですよ。
だって表は大なので小を兼ねられると思う出ス。
0461Name_Not_Found
04/10/30 08:49:58ID:???釣り認定。
真面目に語りたいなら以降トリップ付けろ。
そしたら、関わりたくない人が無視できるから。
0462456
04/10/30 18:08:49ID:???つり?2ちゃんに毒されすぎじゃないか君は。
トリップなんて面倒だから付けないよ。
そもそもここでは相手が誰とかで無視をするような場所じゃなくて、内容云々で
レス付けるかを決めるとこだから。俺様ルールの押し付けはウザイ。
461 :Name_Not_Found :04/10/30 08:49:58 ID:???
とりあえず考えてみたが、
<dl>
<dt>461
<dd>Name_Not_Found <dd>04/10/30 08:49:58<dd>ID:???
</dl>
こういうのってどうなんだろう。構造をマークアップできているといえるだろうか?
やはり
<dt>番号<dd>461
<dt>名前<dd>Name_Not_Found
...
のようにするべき?もしかしたら
<table>
<tr><th>番号<th>名前<th>投稿日時<th>???<th>本文
...
こういうのをCSSで整形したほうがいいんじゃないかな?
どうなんだろう・・
0463Name_Not_Found
04/10/30 18:14:50ID:???<dl>
0464Name_Not_Found
04/10/30 18:17:30ID:???<dl>
<dt>スレ番</dt>
<dd>462</dd>
<dt>名前</dt>
<dd>Name_Not_Found</dd>
<dt>投稿日時</dt>
<dd>01/10/30 08:49:58</dd>
<dt>ID</dt>
<dd>???</dd>
<dt>本文</dt>
<dd>ずらずら</dd>
</dl>
これを並べるというのはどうだろう。
0465Name_Not_Found
04/10/30 18:52:36ID:???実際datファイルからhtmlを作るプログラムを書いたけどその時は
<tr><th>No.</th><th>名前</th><th>mail</th><th>日付</th><th>id</th><th>同一idの数</th><th>本文</th></tr>
としてcssは
table, tbody, tr {
display : block;
}
thead {
display : none;
}
td {
display : inline;
}
td {
color : black;
}
td + td {
color : green;
}
...
td + td + td + td + td + td + td {
display : block;
}
という風にした(実際のCSSはもちょっと複雑)。CSSのセレクタが汚いがそれはスレ違いということで。
0466Name_Not_Found
04/10/30 18:53:27ID:???0468Name_Not_Found
04/10/30 20:02:36ID:???cssだけでいいですか?
0469456
04/10/30 20:28:31ID:???う〜ん正統派な気もするけど、なんとなくこういう場合は違うような・・・・
なんかこういうスレってある意味「データの羅列」だと思うんだよね。
そういうのは表が適している気がする。
>>465
それいいけど、実際にはIEが
<th>本文</th>
この位置を好きに動かすことはできないから限界を突きつけられてるみたいでやだよね。
もちろんこのスレてきには問題ないので、それがいいかなぁと思う。
>>466
なんでも順番があればol要素っていうのは違うよ。
表は使い方でol,ulも兼ねることが可能だと思うよ。
>>467
それはolの解釈が間違ってるよ。
そもそも「順番がある」というだけで一番目が意味的に1でなければいけない理由はない。
つまり
<hn>水泳11〜20位</hn>
<ol>...
ということを思い浮かべてくれれば気付くと思うけど。
>>468
CSSの話はスレ違いなので初心者スレかCSSスレに言ってください。
0470Name_Not_Found
04/10/30 20:31:19ID:???>>467は>>469が>>466に言ってるのと同じ事を言ってると思うが。
0471468
04/10/30 20:52:14ID:???cellpaddingとcellspacing(とborder)は見た目を指定している物理属性ではあるが、XHTML1.1でも生き残っているしアクセスアビリティの観点から(CSS非対応とかのために)必要なのかと聞いたんだけど。
0472471
04/10/30 20:55:03ID:???0473467
04/10/30 21:00:06ID:???説明が足りなかったです。
言いたかったのは「olではレスの番号を表すことができない」ということであり、「olでは1番から始まるリストしか表せない」ということではないです。
結局100番から200番だけ抜きだすかどうかは関係無くて、レスの番号は意味のあるデータであり現在のHTMLでそれを表現するには1つ1つ明示的に書くしかない、というだけで十分でしたね。
0474Name_Not_Found
04/10/30 21:40:49ID:???リスト状の物で順番があればそれはol-liというのがstrictな考え方であって、
「それはol-li構造ではない」とか「他のこちらの要素と解釈した方が正しい」
と言うなら兎に角、番号が表せない事とol-liの要素かどうかと言うのは関係ない。
0475Name_Not_Found
04/10/30 23:10:12ID:???言動の不一致がはなはだしいな
0476Name_Not_Found
04/10/30 23:37:10ID:???> レス付けるかを決めるとこだから。俺様ルールの押し付けはウザイ。
文章の前半はお前の俺様ルールなんだが。
例えばトリップつけたやつの書き込みが有意義であったとして、
それを無視しようがしまいがお前以外の誰かの勝手だ。
俺様ルールの押し付けはウザイぞ。
0477456
04/10/31 00:30:29ID:???とりあえず俺としては
ol-li構造というのはそこまで大きいものを強引に包括しないほうが言いとおもう。
やろうと思えばセクションなども全てリストになってしまうでしょ?
でもそういうのは何か違うよね。単純に箇条書き的なものだけにしておくのが一番いいかなと。
>>475-476
ストリクトと関係ない、俺個人についてのレスはそれで最後にしてね。
0478465=467=473
04/10/31 00:42:17ID:???確かに。リストと考えて次のように表しても問題ないでしょう。
<ol>
<li><dl>
<dt>No.</dt>
<dd>100</dd>
<dt>Name</dt>
<dd>Name_Not_Found</dd>
...
しかし表はリストを含むという考え(議論の余地あり)と、表にしたほうが個々のレスが同じフォーマットをしているということを表せるため表にしました。
表を使うかリスト+定義リストを使うかは、貴族とボヘミアンのようなものかもしれない。
もしくはCOBOLでのレコードの配列か、Smalltalkでのオブジェクトの配列かのような。
0479Name_Not_Found
04/10/31 00:56:34ID:???0480Name_Not_Found
04/10/31 00:58:25ID:???0481Name_Not_Found
04/10/31 01:06:24ID:uk10HcET###
「あいうえお」というのは母音である。つまり他のものとはあきらかにレベルの違う
ものだと言える。なので「あいうえお」と「かきくけこ」を同列評価してはならな
い。しかし本当にそうなのか?とりあえず考えてみたら3択を迫られた。
1.そうだ
2.違う
3.知らん
私は時間がないので2とすることにした根拠は後々話そうと思う。
###
↑こうiいう段落中にリストが出てくるときの対処方法について。
「<p>の代わりに<div>でやる。」
これはつまりリストを内包できる段落要素がHTMLには定義されてないので
汎用要素であるdivでの代替を試みるということ。
「<p>を分割する」
つまり第1段落→リスト第2段落とするとういうこと。しかし見た目的には間にリストを挟んでるが
どう考えても1つの段落であると思われる。なのでこちらには否定的。(私見)
「根本の作りを変えてしまう」
よく言う「StrictなマークアップはStrictな文章構造から」とかいうふざけた発想。
元々そんな実用性のないものをスタンダードにするほどティムバーナトは馬鹿ではない。
久しぶりにここの住人の意見が聞きたい。
0482Name_Not_Found
04/10/31 01:16:04ID:???既出。
pの中にブロックをかけないのは歴史的事情。
XHTML2.0の草案だとリストや表(仕様書には書いてないけどRELAX NGの方には書いてある。おそらく最終的には仕様書にも入ると思う)などが書ける。
0483Name_Not_Found
04/10/31 01:18:09ID:???散々既出ながら
<p>…(前略)3択を迫られた。
<object><ol>
<li>そうだ</li>
<li></li>
<li></li>
</ol></object>
私は時間がないので…(後略)…</p>
でも普通は p を分割するね。
0484481
04/10/31 01:26:55ID:uk10HcETへぇ。そういうのは仕様書のどこらへんに書いてあるの?
0485Name_Not_Found
04/10/31 01:40:50ID:???>よく言う「StrictなマークアップはStrictな文章構造から」とかいうふざけた発想。
論理構造もへったくれもないものを論理的にマークアップできるわけがない。
それよりも俺としてはテーブルレイアウトがお前らに非難される理由がわからんのだよ。
お前ら好きにすればいいだろ。何で人様にまでケチ付けるんだよ。
そもそもテーブルレイアウトをやらざるを得ない環境にしたのは俺達じゃなくて
UA製作社だろ。現実に対応しないCSSなどを薦めてくるお前ら馬鹿だろ。
0486Name_Not_Found
04/10/31 01:46:23ID:???なんでそっちの話題に飛躍するのだ
0487Name_Not_Found
04/10/31 01:51:17ID:???こいつの「現実」ではIE3,ネスケ4のシェアが大きいのかね
0488Name_Not_Found
04/10/31 01:53:38ID:???具体的にこうやれと書いているわけではないが、
>483は完全に valid だ。例によって strict かどうかは知らん。
0489Name_Not_Found
04/10/31 11:31:38ID:???0490Name_Not_Found
04/10/31 19:14:14ID:???とした場合に、読み上げブラウザでは "●(まる)" も読み上げられるのかな?
だとしたら、<h4 title="2004年10月31日">● 10月31日</h4>としたほうがいいのかな?
■ このスレッドは過去ログ倉庫に格納されています