Strict-HTML スレッド 43
StrictなHTMLについて語るスレッド。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 スレッド 42
http://pc11.2ch.net/test/read.cgi/hp/1208023080/
暫定まとめサイト: http://wiki.fdiary.net/StrictHTML/
初心者の質問はこちらへ
Webサイト制作初心者用質問スレ Part 207
http://pc11.2ch.net/test/read.cgi/hp/1235589794/
実装の話は10中8, 9スレ違い。
関連スレは>>2 実用的でない?
そりゃ使えない馬鹿が多いだけだろが >>303
仕様書的Stricterと思想的Stricterは違うってことを理解してからおいで > 俺俺思想は標準でもなんでもないぞ
ってつまりvalidであればそれ以上は考えるなということか
なんたるスレの全否定
なぜここにいる
ここは仕様をこえた領域についての自論をぶつけ合う場!
思考停止したものはこのスレに不要!
・・・みたいなことが暫定まとめサイトに書いてありました
> 単にvalidであるにとどまらない、よりstrictなマークアップとは何かといった議論が行われています。 >>309
なんという言いがかり
より正しさを求めるのは大事なことだぞ >>310
こいつずっと「頭おかしい」と言ってる小学生だろwww
スレを荒らしたいだけだったんだな 物理的にも論理的にも正しいマークアップをしてそれをCSSでちゃんとクライアント要求のデザインに揃えてこそだろ。
実用にならんなどと言うのはそれこそ趣味レベルのアマチュア。
実用のために妥協入れなきゃ作れないのは作業員であって職人ではない。 そんなサイト見たことがないな
サンプルくれよ
10コぐらいでいいから >>315
うるさいよ小学生
正しいマークアップなんて前提でしかないというスレでお前は存在からしてスレ違い >>317
は?何言ってんの?
そもそも前提なんなら当然実用にもなるだろ。 >>318-319
またお前かなのはお前
いいから宿題に戻れ 論理的に正しいのはいいんだけど
strictorの論理観がバラバラなのが問題
論理観・・・・・・・・・・・・・・・・・・・・・・・ なあ、原文が箇条書きなのに番号が付いてる場合ってどうマークアップしてる?
-------------------
(1) ほげほげ
(2) ふがふが
(3) ぴよぴよ
(4) (3)以外の場合、ぬるぽ
-------------------
UL にして番号つけるのかな?
OL にして 「(3) 以外うんぬん」 って書くのはアレだし…、
DL にするほど数字に意味がある (憲法条文の第○項とか) とまでは思えないし…うーん >>325
自分的には、規約とかちょっとおカタい文書の時はp。でなければol。 うーん、統一見解なんてないとは思っていたけど、結構分かれるものなのねー
若いうちのOLはいいんだけど
逝き遅れると産業廃棄物だからなあ <ol>
<li id="no1">ほげほげ</li>
<li id="no2">ふがふが</li>
<li id="no3">ぴよぴよ</li>
<li id="no4"><a href="#no3">3</a>以外の場合、ぬるぽ</li>
</ol>
できたよー\(^o^)/ OLの場合、「上から3番目」 とか 「3項目目」 とかならわかるけど、
通常表示される「3」の部分はCSS等で書き換え可能だから、
「3」 だけだとソース内に記載されてない分、3ってどこ指してるのよ? ってなっちゃうんだよな。
それを許すのか許さないのかがなんとも
>>331
女性は産む機会ですか>< <a href="#no3" title="このリストの三番目">3</a>
これで解決だな 俺なら数字も入れる
<ol style="list-style-type:none">
<li id="no1">(1) ほげほげ</li>
<li id="no2">(2) ふがふが</li>
<li id="no3">(3) ぴよぴよ</li>
<li id="no4">(4) <a href="#no3">(3)</a>以外の場合、ぬるぽ</li>
</ol> >>336
<a href="#no3"><abbr title="このリストの3番目">3</abbr></a>
こうじゃね? そもそも順番にたいした意味がなくてもOL使っていいのかという
1. 起床
2. 洗顔
3. 歯磨き
4. 朝ごはん
5. 新聞を読む
6. 身支度
日によっては2〜5は順不同になったりするから、厳格にするならOLなんか使えない!・・・とかなんとか 普通は飯食った後に歯磨きだろ。
先に歯を磨くと歯磨き粉の味とご飯の味が混ざって不味くならないか? >>343
そういう問題じゃねーだろwww
>>344
そいつは大問題だ。 おきぬけの口内はうんこ一口分の雑菌が繁殖してるから
歯磨きしてから御飯食べた方が良いって偉い人がいってた 歯磨きは歯垢の除去と歯茎のマッサージが目的
口内の殺菌が目的ならうがい薬などを使うべし 箇条書きであること=数字がついてること、じゃないんだが。
別にolでいいと思う、アレの意味がわからん、
というか数字に意味があるならむしろolだろ、
数字に意味がないと思うのならulにして数字は自分で付けろ。
dlはこの場合全く関係ない 数字に意味がある=順番に意味がある
なのか
数字に意味がある=数字も地の文
なのか
olは上のケースの時だけじゃん?
地の文の内容がCSSで変更出来たり
UA次第で内容変ったりするのはおかしい 社内文書とか報告書とかレポートとかだと、
明らかに順番に意味のない箇条書きリストなのにも関わらず、番号振ってることが多いでしょう。
これは誰かに説明するときに 「3ページのA欄の2についてですけど……」 と説明しやすかったり、
項目がいくつあるか分かりやすくする意図や意味があったりするんだが、
その場合、順番に意味はなくても数字に多少の意味があることになる……かもしれない。
この場合、数字にもともと意味がないからって数字もとっちゃって単にULにするか、
数字に意味はないけど何かの意図があるからとOLにするか、
順不同だからULだけど、作者が数字振ってるからLIの中に直接数字入れちゃうか、
……頭良さげに書こうとしたけどもうだめぽぉ どうでもいいけど>>10の
>「dl/dt/dd」の部分の情報源はわかりますか
っていうのは、元の文だと「dt→dd」の順番に意味があるって意味じゃないか
dt同士の順番も、まあhtmlは上から下の流れが重要だから順番に意味はできるけど
ulだって順不同リストとは言っても言語の性質上
上の文章がないと成り立たない順番ってものが存在する場合は多々あるし
>>352も前述の〜〜と後述のliの中で出てくるなら順番が必須になるしな >>355
> っていうのは、元の文だと「dt→dd」の順番に意味があるって意味じゃないか
>>10の最後のリンク先にもあるけどDTDじゃdt、ddの順に出現するなんて決められていない
というか>>10以降を見ればだいたい話がまとまっているのでまた掘り返す必要もなさそうな すいません初心者なんですが、質問です
ある事象の、それぞれ異なる性質・側面に記述したパラグラフA, B, Cがあったとします
普通は、
<h1>タイトルA</h1>
<p>本文A</p>
<h1>タイトルB</h1>
<p>本文B</p>
<h1>タイトルC</h1>
<p>本文C</p>
(見出しレベルは適当に調整)
ってやると思うんですが(違ったらすみません)、これを、
<ul>
<li><h1>タイトルA</h1>
<p>本文A</p>
</li>
<li><h1>タイトルB</h1>
<p>本文B</p>
</li>
<li><h1>タイトルC</h1>
<p>本文C</p>
</li>
</ul>
とするのとではどちらが良いんでしょうか?
具体的に想定しているのは、ブログのサイドバーみたいなのです。
管理者プロフィール、最新記事、最新コメントetcありますが、上記例後者のように、サイドバー全体を一つのulにするのはありなんでしょうか。
また、それ以外の一般の場合に関しても、どう使い分ければいいのか知りたいです
それこそ普通の文章でも、段落毎にliにしてolなりにつっこむのはありなんですか? 上のほうがいいと思うけど。
リストにするのは、冗長になるだけじゃないかと思うけど、
サイドバーのアイテムリストという意味ならいいんじゃない? ありがとうございます
書いてから気付いたんですが、サイドバーで前者を使う場合は結局全体をdivで囲む事になるんで、
それだったら後者の方がいいのかなあと思いました
普通の文書だと、確かに前者で意味付けはしっかり伝わるので後者は無駄に冗長っぽいですね 昔はこの手のにたくさん食いついてたのにね。
人減ったよね、この板自体。
別にネタのつもりで書いたわけではないんですが……
リストとして扱うべきものとそれ以外の違いが気になったもので。
ついでに、ブログのマークアップの例として、下記のものはokでしょうか
bodyの内容として
<h1>太郎の日記</h1>
<ul id="sidebar">
<li><h2>プロフィール</h2>
<dl>
<dt>太郎</dt>
<dd>大学生です。</dd>
</dl></li>
<li><h2>最新記事</h2>
<ul>
<li><a href="0923.html">9月23日 テスト</a></li>
<li><a href="0923.html">9月22日 びろ〜ん</a></li>
</ul></li>
</ul>
<ul id="main">
<li><h2>9月23日 テスト</h2>
<p>学校でテストがあった。</p>
</li>
<li><h2>9月22日 びろ〜ん</h2>
<p>暇な一日だった。</p>
</li>
</ul>
初心者なんで、もしかしたら頓珍漢なことしてるかもしれませんが…… hnをリストに入れる必要性はない
入れても間違いではないが、このスレ向きではない 別に煽りたいわけじゃないが。
根拠のない断定は、押し付け以外の何物でもないんでな。
このスレ向きじゃない訳を聞かせて欲しいものだが。 >根拠のない断定
=
>またオマエか
頭悪いな=断定 揚げ足取りはどうでもいいから、早くこのスレ向きじゃない理由を答えろよ。
このスレは何を話せばいいんだ?
こういう時に使って申し訳ないが、>>357や>>362はStrictな話題じゃないのか? このスレ向きの話題ってのは>>363以降の流れを言う。
>>363
とするとどのようにすればいいんでしょうか
やっぱりリストにすること自体に問題ありますかね >>372
サイドバー的なものならリストで良いと思う
hnが絡むからおかしな議論になるわけで、、、 ストリクタにとってのサイドバー的なものってなんぞや? サイドバーって言ったって、結局はナビゲーションを横に持ってきたというだけだから、
サイドバーだろうとヘッダーだろうと論理構造上違いはない サイドバーがストリクトじゃないって考え方がストリクトじゃないだろ
だってサイドバーって視覚上の区分であってそんなのはマークアップでなくCSSで制御する事
だからサイドバーであるからといってストリクトであるかないかは無関係。 "サイド"ってなんだよ
上とか下にあっちゃだめなのかよ >>327
うん、リストは必要ない
hnで構造化された時点で、意味合いとしてはリスト構造のように階層化されるから サイドバーって言葉がストリクトじゃないってことだろな。
サイドバー「的」だろ
「的」
簡単なナビってことだ >>378
じゃサイドじゃだめなのかよと。
そういう視覚上の問題はそもそもマークアップと無関係だから。 ありがとうございます
じゃあリスト使うかhn使うかの二択ってことですよね
本文の方はhnで良いとして、
そもそもサイドバーというナビゲーション要素にhnを使うことは問題ありますかね
hnから目次を作るような場合を考えれば、ナビゲーションは含めるべきではないですし
ということはやっぱりサイドバーにはhn使わずにul使った方がいいんでしょうか >>379
もしくはhnなしのリストのみかだな
確かh1のみで残り全部dlでhnの代わりっていうdl厨サイトがあったなw >>383
書いてたら
階層にもよるけど、自分だったら
h1 ページタイトル
h2 ナビゲーション(タイトル)
ul ナビゲーション本体
h2 本文サブタイトル
か
map
div(仕様上必要なだけ)
ul ナビゲーション本体
h1 ページタイトル
h2 本文サブタイトル
か、だな それはナビゲーションがページに対するナビなのか、サイトに対するナビなのかで変わるな
上がページナビ、下がサイトナビ こういうくだらない議論に終止符を打つのがXHTMLだと信じてた時期が
僕にもありました >>388
前方ではなくh1以降だとどこに属することになるのか
って討論はもう過去ログ見てきてください
前方ってのがある程度のFAだったんです 何故過去形。
これから実装が増えてくと思われるが。 以下のような文書があったとして、
○○の特徴には以下の3つがあります。
1.うんたら
2.かんたら
3.ぽんたら
それぞれが他にはないユニークなうんたらかんたら。
ここでそれぞれを詳しく見てみましょう。
1.うんたら
うんたらはうんたらうんたらです
2.かんたら
かんたらはかんたらかんたらです
3.ぽんたら
ぽんたらはぽんたらぽんたらです
この文書で、上のリストの各項目と下のリストが実質的に同一であることを明示したい場合、どうすればいいんでしょうか。
それぞれの対応する項目をaで結ぶ? その場合、どっち方向のリンクが適切ですか それ明示する必要があるの?
明示して喜ぶのは誰?(書き手?読者?表示用UA?自動処理UA?) ページ内に含まれるデータ構造として、実質的にはただ一つのリストが含まれるだけなのに、
そのままでは二つのリスト状データが含まれているように判断されてしまうじゃないですか
データ構造的に微妙ではないでしょうか >そのままでは二つのリスト状データが含まれているように判断されてしまう
だから誰がそう判断するの?
ブラウザが同じリストだと判断しないと何かまずいの?
それとも読んでる人が上のリストと下のリストが別だと勘違いすることを危ぶんでるの?
具体的に書いてくれないとうんたらとかぽんたらだけで説明されても無理がある
ほぼ同じ内容の補足説明ならtitle属性値にすればいいんでないの > ○○の特徴には以下の3つがあります。
> 1.うんたら
> ここでそれぞれを詳しく見てみましょう。
> 1.うんたら
> うんたらは〜
と同じフレーズをこんなにしつこく使うのはSEO対策だとかデザイン優先とかかね?だとしたら