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 閲覧者的に、下の説明文が長い場合はページ内リンクが欲しいかもしれんぞ。
そしたら上はolで下はhn。olからhnにページ内リンク。
つうかそれってマークアップよりUIの問題じゃね? >>398
idやAでアンカー張ればどう?
<p>○○の特徴には以下の3つがあります。 </p>
<ul>
<li id="index-untara"><a href="#untara">1.うんたら</a></li>
(略)
<p>ここでそれぞれを詳しく見てみましょう。 </p>
<dt>
<dt id="untara">1.うんたら</dt>
<dd>うんたらはうんたらうんたらです</dd>
(略)
リスト要素とかは適当。 うんたらうんたら何度もしつこく言って何が悪い!シンゴー!シンゴー! TeXのrefみたいなものがあればいいんだな
XLinkにそんなのないの? ちょい質問。
<div>
<h1>hoge</h1>
<p>hogehoge</p>
<p>hogehoge</p>
</div>
と
<h1>hogehoge</h1>
<div>
<p>hogehoge</p>
<p>hogehoge</p>
</div>
ってどっちにしてる? ちょと迷ったんで聞いてみた。 >>410
divはそもそも意味づけを持たない要素。
使わないで済むのが一番だから、せざるを得ない方で。
validator的にはどっちも通る。 >>410
用途によるんじゃね?
divで纏める理由なんて人それぞれ、処理内容依存だし。
>>410
XHTML2.0(涙)的には前者、ISO-HTML的には後者
個人的には前者の方がhnとの繋がりが感じられるし機械もまあdivが包括してると見なすだろう >>411-413
すまないありがとう。
なんか気持ち悪くなったから頑張って最適化してみる。 ぶっちゃけサイト内でぶれてなきゃ
divの使い方なんてどうだっていいんじゃね?
文句つける人も俺々ルールで文句つけてくるだけだし。
まあ最近はその手の人も絶滅気味な気がするが。 divには意味がないから、divが無くても成立する文章を書きましょうとはいうけれど、
pのように文章化されてもいなく、ulのようにリスト化されてもない、
単なる(突発的な)情報表示とか、フォームのボタンが単体で置いてあるのを入れるとしたら
divぐらいしかないような気がする。
で、そうなるとdivは意味を持たないというのとジレンマが発生すると。
意味を持たないdivの他に、「何かを示す」という意味を持たせた<indication></indication>
(または略して<ind></ind>か?)みたいな要素を4.01の時に作ってくれてたら、
そこんところが結構楽になったのになあと思う。 ×DIV要素は意味を持たない
◯DIV要素の意味がわからない >>416
フォーム単体ならリスト1つというのは昔からよくある手
labelと合わせてdtもよくある 全体のリード文を入れるとして、下の3つのどれが適切?ですか?
<h1>タイトル</h1>
<p>リード文</p>
<h2>サブタイトルA</h2>
<p>本文A</p>
<h2>サブタイトルB</h2>
<p>本文B</p>
<h1>タイトル</h1>
<h2>リード文タイトル</h2>
<p>リード文</p>
<h2>サブタイトルA</h2>
<p>本文A</p>
<h2>サブタイトルB</h2>
<p>本文B</p>
<h1>タイトル</h1>
<h2>リード文タイトル</h2>
<p>リード文</p>
<h2>本文タイトル</h2>
<h3>サブタイトルA</h3>
<p>本文A</p>
<h3>サブタイトルB</h3>
<p>本文B</p>
二個目はリード文と本文の区別がつかないことが気になるが、三個目は冗長?
ちなみにリード文で想定してるのは、新聞の一面記事についてるみたいなやつね。 >>422
<hn>タイトル
<p class="sub">リード文</p></hn>
もしくは一番上 まえがきを章にするかどうかって話?
書籍だと
章にはなってないけど目次には載っている
「まえがき」という言葉が見出しっぽい扱いになっている
って感じだけどHTMLだとどうなんだろうね
もむしろ問題はあとがきで、
422の一番目のようにすると最終章の本文とあとがきが区別付かなくなる
過去スレだとDIVでのグルーピングで最終章とあとがきを分けるのは意味がないという話だったような
どういう結論に至ったんだっけ 普通に<hn>あとがき</hn>でも入れて章立てすりゃいいじゃん。
リード文は前書きでも後書きでもなく、長めのサブタイトルのようなものだろ 一貫してりゃなんでもいいよ
ここでコメントする連中だって脳内ソースで喋ってるだけだし 俺なら
<h1>記事タイトル</h1>
<h2>前書き<h2>
<p>前書き本文</p>
<h2>一章</h2>
<p>一章本文</p>
<h2>後書き</h2>
<p>後書き本文</p>
ってなるから迷わない。迷いようがない。 >>427
まあ、そういうわけなんだが、>>422は一番上で良いだろって事で。
>>423はhn要素の中にp要素ぶちこんじゃまずいけど。 >>422
全部マークアップ的に適切だが編集さん的にどれがいいのかの問題な気がする。
あえて言えば一番目がきれいだと思う。
それ以外は冗長と言えなくない。 >>435
それは駄目だろう。
タイトルとリード文がインラインで隣接しているのは間違っている。 別に間違っちゃないだろ
リード分はタイトルの一部と考える人もいるんだから >>438
サブタイトルじゃなくて、リード文の話だぜ。
>>422の言い方をすれば「新聞の一面記事についてるみたいなやつ」。
例えば
http://tadashi-inuzuka.jp/media/1/TokyoNews072708.jpg
だったら、「国際連帯税 導入を検討」がタイトル(というか見出し)で、
「政府は二十七日、為替取引や海外への航空券に課税し…」がリード文。
それを
<hn>国際連帯税 導入を検討<span class="sub">政府は二十七日、為替取引や海外への航空券に課税し…</span></hn>
とマークアップするのかい? >>439
それでいいんじゃね?
誰もサブタイトルって話もしてないのに、まあ 「政府は二十七日、為替取引や海外への航空券に課税し…」はpだろ、常識的に考えて 常識的に考えれば、過去に消費した42スレの中で既に一定の結論が出てるはずだ 42 Name_Not_Found 2009/04/03(金) 05:19:08 ??? mailto:sage
ヽ(#`Д´)ノ お前らどうせXHTML5で書くんだろ?
ついにIE6とお別れだな XHTML5はhttpレスポンスヘッダの送出するMIMEタイプがxmlうんたらとかが必須になっちゃったから…
いろいろ自由になる環境でしか使えない罠 >>453
だったら今までのXHTMLみたいに、text/htmlで運用すれば?
記法的な問題(<br />と<br>みたいな)は、どちらもtext/htmlで利用できる
application/xhtml+xmlなどのMIMEで運用必須なコンテンツがある場合は別だけど >>454
XHTML1はtext/htmlにするのが、望ましくないがダメでもなかった。
でもXHTML5はMIMEタイプをxmlにするのが必須だぞ。 HTML5 でいいやん。
XHTML5 の必要そんなにある? 必要かどうかは別にして存在する。
そして、もし使う場合はという話だ。
まぁ>>453みたいな事情で廃れそうだけどね。 HTML5 は形式ばったのは不要、おもしろそうなのは採用!な流れに見える・・・
>>456
ウチではサイト全体をXSLTで生成してるから、XHTMLの方が楽。 >>460
というと、もっといい方法があるとでも言うわけ? なんかもう strict html は終わったってかんじだねえ。
HTML5 はこのスレが昔目指してたものと全然違う方向に進んでるし。 >>465
実質一緒じゃん!
しかしここも寂れたな。sectionとか導入されちゃったからあんまり語ることなくなってきたってのもあるが。 >実質一緒じゃん!
XMLとしての体裁が求められますが? 文書のフォーマットの話じゃないのか?
フォーマットが違うだけで実質一緒、とな? HTML5は物理要素作りまくりだからってことか?
そりゃその部分は気に食わないが、XHTML5として残ってくれるのは有り難いよね。 XML じゃないと RDFa とか hCard が使い難いじゃんね。 i だの b だの hr だのが普通に復活している HTML5 が嫌いだ。 >>473
意味付け要素に昇格したんだから良いじゃん。 footer 要素を css で上に持ってったらだめなん? www.w3.org/TR/html5/semantics.html#the-footer-element
例を見ると
そもそもマークアップの時点で下じゃなくてもいいみたいよ >>476
なるほど、最後にあらわれなくても良い、って書いてありますね。
header だから上とか footer だから下とか名前でひっぱられる必要はないんですな。 ブログで
記事の題名はh1として
コメントの扱いはどうしてますか
ここから以下がコメントであることを示す文言や各コメントの題名等のマークアップ 見出し要素を使うのかといった疑問です
ここから以下がコメントであることを示す「コメント」という見出し的なものに記事の章のように見出し要素を使うのか
また各コメントの題名にも見出し要素を使うのか、といった・・・
脚注、関連項目、参考文献、外部リンクといったものにも章と同じように見出し要素を使うのか、的な・・・
HTML5になると見出し要素の使い方はかなり自由になりそうなので小さなことで悩むのも馬鹿らしくなりそうだけど そうですね
このスレに書き込みが減ったのも
もう好きなようにやってるからなんだろうなあ >>482
ケースによるだろうし人それぞれの考え方も出ちゃうだろうし自己満足とも言えるし。
SEO 的にどうよ?とか microformat みたいな機械処理目的のだったら
こうすべきっていうあるていどの同意はあるんだろうけどさ。
俺はコメントタイトルも h 付けてるよ。コメントヘッダが h4 とか h5 ぐらいになってて
コメント一個一個のタイトルはそれより一個レベル下のにしてることが多い。
タイトル付けない一行コメントレベルの場合は dl 使うかもねえ。
strictとSEOが一致しないのはあやかしと思う RDFa とか microformat とか microdata はどう思うよ?
あきらかに HTML じゃ語彙少なすぎるし納得の仕様だと思うんだが。 凡例ってどうやってマークアップする?
この記号は○○を意味しています、みたいなやつ a で凡例の説明のところにリンクはりゃいいんじゃないの? 掲示板のスレッド文章を<h*></h>で囲み、
投稿日や投稿者の名前を<ul></ul>でまとめた後<dd></dd>に格納。
コメントは<dt></dt>に格納してるんですがこれで使い方は合ってるのでしょうか?
それとももう少し適切な方法があるのでしょうか?
ご教授いただければ幸いです。 掲示板のスレッド文章を<h*></h>で囲み、
↓
掲示板のスレッドタイトルを<h*></h>で囲み、
<dl>で囲むのはもちろんなんですが
これはごく初歩的な事なんでしょうか?
html4自体、他者の投稿など動的なタグを意識してるような
タグはほとんど無いと思っておりまして検索しながら
色々模索してるのですが。
>>496
はっきりいって HTML4 は W3C も細かいケースについてはたいして記述してないから
勝手に拡大解釈するしかないんだけどね。
だからスレのマークアップの正しいやり方なんてないよ。
あと dl 絡みはよくわからんのなら別に無理して使う必要ない。
class だの id だのでスレタイとか投稿日とかを一意に抜きだせるようにしといたほうが
よっぽど有用。
ありがとうございました、
w3cの勧告書見て解釈してみます。
その一言ですっきりしました。
<table>も有用そうなんで検討してみます。 >>499
お前こそ何言ってんの?
過去ログひっくりかえして一から出直してこい。 >>498
実際tableはかなり有用。属性沢山あるし関連する要素もたくさんあるから
よく調べてから使ってね。