[mixi]中央よせをIE向けにtext-align:centerとしま - CSS

もう１つわかったことがあります。
bodyに入れないで
<?xml version="1.0" encoding="Shift_JIS"?>
を消して

float:none;
clear:both;
を付け加えてもできました。

IEの挙動が異なるのはIEのバグとのことです．

参考URL:http://sourcemania.jpn.org/doc/block_center/

本題の方はどうやら解決したようですね．

余談の「h1要素」については私もよくわかってないので，これに乗
じて少しみなさんの意見をお聞かせ願いたいのですが・・・

実は私のページ（↓）は現在，hx要素を一切使っていません．

http://park7.wakwak.com/~osugiybb/

というのも，hx要素の適用の仕方に迷ってしまいまして，結局適用
せずじまいで来ています．
(SEO的に不利だとかいうのは承知してるんですけど，

具体的に私が迷った点としては・・・

(1)h1要素は「そのページ内の一番大きな見出し」ということなの
　だと思いますが，そうなるとどのページも「サイト名」がh1要素に
　なってしまうのでは？という疑問がわきます．
　どのページも同じh1要素というのもおかしな気がしますのでその下
　のレベルに適用すると，今度はサイト名にhx要素が適用できなく
　なってしまいます．
　皆さんは，この点に関してどうお考えでしょうか？

(2)↑で示した私のページではナビゲータをページ右側をつけています．
　この部分についてもカテゴリー見出し(イントロ，フリーソフト
　万歳！・・・)があるのですがここにhx要素を適用するとしたら
　h1なのかh2なのか・・・
　h1にするとページ内に複数h1が存在することになるし，h2にすると
　論理的に親となるh1がいなくなってしまうような気がしますし・・

(3)また，h1>h2>h3・・・のように論理的な階層構造を取るべきだ，
　という意見も目にするのですが，どうしてもその枠組みに収ま
　らない(収められない)部分が出てきてしまいます．

　メインコンテンツの文章部分にのみ適用するのであれば，なんとか
　なるのですが，サイドバーに表示する情報とか更新履歴とか，周辺
　部分を含めたうまい適用ができないんですよね．
　・・で，結局整理がつかず適用を諦めてしまうんです．

　私のページの作りが論理的な構造がしっかりしていない，という
　ことなんでしょうけど・・・
　皆さんは，ここら辺りの事について迷わずに適用できているんで
　しょうか？

-------------------------------------------------------

正解というものがない類のものなのかもしれないとも思っては居ます．
ですが，皆さんの「私はこう思う」という意見を少しでも伺えれば
と思います．<(_ _)>

[9] mixiユーザー 12月24日 22:58

「そのサイト内の一番大きな見出し」ではなく「そのページ内の一番大きな見出し」ですが…。
個々のページが独立した文書なのだから、あくまでその文書について構造を作るべきだと思います。

フレームのページについては、ある集合文書の一部になるのだから、部分的にhxという構造が適用できないのは仕方ないのではないでしょうか。

…で、これはcssではなくHTMLの話題ですね。

[10] mixiユーザー 12月25日 00:00

mioさん，レスありがとうございます．

>個々のページが独立した文書なのだから、あくまでその文書につ
>いて構造を作るべきだと思います。

その個々のページ内に含まれる「サイト名」や「ナビ」の取り扱い
を考えるとよく分からなくなってしまうんです．

サイトを一冊の書籍に例えると「サイト名」⇒表紙タイトル，
「ナビ」⇒目次となるんだと思うんですが，その論理構造に適用す
るhx要素が無いような感じなので迷いが出るんだと思います．

そこは無視してメインコンテンツの部分だけ見る，というのが一つ
の整理ですかね，やはり．

>…で、これはcssではなくHTMLの話題ですね。

　ええ，私も#2の指摘があった時点でそれは認識していたのですが
　話の流れがあったので，普段気にしていたことを尻馬に乗って
　書かせて頂きました．
　CSSのコミュではありますが，皆さんHTMLの知識をお持ちの方が
　集まられているかと思いましたので．
　ご容赦下さい．

[12] mixiユーザー 12月25日 04:31

>サイトを一冊の書籍に例えると

ページをマークアップする前の状態（本に例えたら原稿かな）を考えて下さい。タイトルだの、ナビだのってのは全てUIを考慮した後付のおまけです。

サイト名なんて飾りです。偉いひｔ

[13] mixiユーザー 12月25日 07:52

>その個々のページ内に含まれる「サイト名」
個々のページの主題において、サイト全体の名前が重要だとは思えませんが。

[15] mixiユーザー 12月25日 10:50

みなさん，レスありがとうございます．

みなさんのご意見には「重要度」というキーワードが出てくるよう
なんですが，それは「ＳＥＯを意識したもの」なのでしょうか？

reaさんのおっしゃる通り，hx要素の適用の仕方については検索す
れば多くのトピックが見つかります．
ただ，具体的な方法を示している多くのものは「SEO」の為のもの
(キーワード対策)と見受けました．
⇒これはSEの仕様に併せて流動的に変化しうるものですよね．

私は「SEO」云々以前に，HTML言語として"見出しタグ"の使い方が
よく分からない，ということを申し上げています．

htmlにおいて，hx要素は別に「重要なキーワード・主題をマークア
ップする為のタグ」というわけではなく，単なる「見出しタグ」で
はないのでしょうか？

例えばページ内に以下の様なページ更新履歴があったとします

　《更新履歴》
　　2006.12.25 ～のページを更新
　　2006.12.24 ～のページを更新

この箇所に限定して考えた場合，見出しは「《更新履歴》」の部分
になりますよね？でも主題(伝えたいこと)はそこではなくて，その
したの中身の部分ということになります．
この場合，hx要素を適用するとしたらやはり「《更新履歴》」の
部分になるような気がするんですけど．
この場合「《更新履歴》」はタイトル，ナビと同じ読みやすさを
意識した"括り"に過ぎませんよね．
「見出し」ってそういうものじゃないかとも思ったりするのです．

私の疑問点がうまく伝わってるかなぁ？

--------------------------------------------------------

■reaさん

　ご提示していただいた対応方法は，やはりSEOを意識した上での
　もの，ということなんでしょうか？

　ブログの例示がございました．
　それに関してちょうど疑問に思っていることがありますので，
　reaさんのご意見を頂ければ幸いです．

　ブログですと，１ページ内に複数のエントリーが表示されるよう
　なこともあります．その場合はエントリータイトルをh1とすると
　１ページ内に複数発生してしまうので，これを回避するために
　エントリータイトルをh2にするとかの対応をした方がよいとか
　お考えなのでしょうか？また，その場合何がh1にあたるのでしょう？

■hirokiさん

>ページをマークアップする前の状態（本に例えたら原稿かな）を
>考えて下さい。タイトルだの、ナビだのってのは全てUIを考慮し
>た後付のおまけです。

というご意見ですが，「見出し」もそういうもの，という側面はな
いのでしょうか？

■mioさん

やはり「見出し」＝「主題(伝えたいこと)」となるべきなんでしょうか？
私のページは全くそんな風にはできてません．
階層構造や話の流れがよく分かるように見出しをつけよう，という
意識でして，実際に伝えたいことは，見出しの下の本文に埋もれて
しまってます．
これではやはり，適用は難しそうですかね．

--------------------------------------------------------

※すみません．質問ばかりで・・・

※mioさんご指摘の通り，本件はhtmlの話題であり，余談ですから
　それをあまり引っ張っても何なので，そろそろ打ち切ろうとは
　思っています．

[16] mixiユーザー 12月25日 11:33

話を引っ張るようで申し訳ないですが…。

hx要素の使いどころは色々考える部分が有りますが、みなさんがおっしゃっている様に、「そのページの」一番大きな見出しをh1要素でマークアップするのが正しいかと思います。

ブログ内では、個別記事ページならその記事のタイトルがもっとも大きな見出しになるでしょう。カテゴリや日付でのアーカイブスページなら、"それらの記事をまとめたページ"なので、「ブログ名カテゴリアーカイブス」が大きな見出しになると思います。

ナビゲーション部分は、h2以降でマークアップしても、dl,dt,dd要素でマークアップしてもいいのではないでしょうか。
上で例をあげられた「更新履歴」をマークアップするならば、

<h2>更新履歴</h2>
<ul>
<li>○月○日</li>
<li>○月○日</li>
</ul>

もしくは

<dl>
<dt>更新履歴</dt>
<dd>
<ul>
<li>○月○日</li>
<li>○月○日</li>
</ul>
</dd>
</dl>

でも良いかと思います。

もともと、(X)HTMLは元々学術的なドキュメントの閲覧用に設計されていますので、ページの見出しや段落、引用など構造を考えてマークアップすると良いと思います。そういった正しいマークアップをすることによって、懸念されている「SEO対策」も出来てきますので。

[17] mixiユーザー 12月25日 11:56

>>15
とりあえずSEOとか言うな混乱するから。
htmlが定義されたときにはサーチエンジンなんてなかった（たぶんなかったと思う、なかったんじゃないかな、まちょと覚悟は以下略）。で、ティムの考える文書ってのは、大雑把に言うと

ページのタイトルとか、前後のページとの位置関係（ナビ）とか、サイトのホームページとか、そういうのはその文書のメタ要素で、

本体（body）には、階層的に系統立てられたブロックがあり、見出しが6段階以下で存在し、いくつかの段落と、あとは表とかリストとか引用とか画像とか色々、で構成されているもので、

あとハイパーリンクもあるよ、と。なので、

>>15
> 「見出し」もそういうもの，という側面はないのでしょうか？

ない。

[19] mixiユーザー 12月25日 13:13

そのページそのページで、見出しの重要な順に「h1」～「h6」を振っていく…っていうのは、「そういうルールなんです」ってレベルでは理解できるのですが、実務上は使いづらいなぁ、と思うこともよくあります。

たとえば、トップページやカテゴリトップやエントリなど、すべての階層のページで同じデザインのサイトタイトルを使っていたとします。

その場合「サイト名はh1」と決めておけば、それ以上idなどを与えずに、全ページで同じデザインにできるのに、「トップページではh1」「それ以外ではp」だと、階層ごとに別のCSSを読ませるか、サイト名にidを（またはbodyに深度を示すidを）与える必要が出てきます。

個々のページで意味付けを完結させるという発想は、サイト内を通してデザインを一貫させられるというCSSのメリットを、やや損ねてしまう気がします。

＞エントリータイトルをh1とすると１ページ内に複数発生してしまう

それは別に、h1がいっぱいでもルール上は問題ないんじゃないでしょうか？

ただ、ルール上はそうでも、エントリタイトルをh1にした場合、h2以降の使い道が事実上ほとんどなくなってきます（エントリタイトル以降に見出しが5段階も想定されることは稀だと思うので）。上位のカテゴリをp要素 + id属性などで乗り切って、見出しはh1しか使わないっていう解釈は、やはりCSS的にはもったいないと思います。この辺は感覚の問題でもあると思いますが。

[20] mixiユーザー 12月25日 14:14

> 19 mixさん
> CSS的にはもったいない
とありますが、CSSはあくまで(X)HTMLを視覚的・感覚的に表現するためのものであって、基になるのは(X)HTMLです。
なので、厳格な仕様があるのにも関わらず、CSSのために文書構造を無視してすべてのサイト名をh1でマークアップしたり、h1を複数使用したりするのは、根本的に違うと思います。

同じデザインのサイトタイトルを、h1とそうでない要素(たとえばp要素)に当てるならば、その分セレクタを追加すればいいだけだと思うのですがいかがでしょうか。

CSS的にはもったいないという感覚は理解できるのですが、「ルール上」がいったい何を指しているのかがわからないです…。

[21] mixiユーザー 12月25日 14:43

＞20:かずやさま

＞h1を複数使用
「ルール上」とは「仕様上」の意味でした。曖昧ですみませんでした。仕様上は、ページ内にh1要素を複数使用することは、問題ないはずですよ。

＞すべてのサイト名をh1でマークアップ
仕様を無視して好き勝手にするのは好ましくないと思いますが、仕様上許されるのであれば、やりやすいように解釈するのもアリかなと思います。

「すべてのサイト名をh1で」という解釈も、ケースによってはそれが適当な場合もあり得ると思いますし、別に仕様上は問題ないですよね。

[22] mixiユーザー 12月25日 15:41

<!DOCTYPE略>
<html>
<head>
<title>title</title>
</head>
<body>
<h1>null</h1>
<h1>po</h1>
<h1>ga!!!</h1>
</body>
</html>

でもvalidではあるでしょ。

[23] mixiユーザー 12月25日 16:04

みなさん，レスありがとうございます．<(_ _)>

■reaさん

>SEOを第一に考えて作ること自体、自分はナンセンスだと思います。
　同意です．今回はそういったことは排除して考察したいと思って
　質問を掲示しております．

■reaさん，かずやさん

そのページの一番重要な部分をh1とする，という意見の方に伺います．
例えば，見出し構造が以下のようになっている文書があるとします．

第１章ｘｘｘｘ
　第１節ｘｘｘｘ
　　第１項ｘｘｘｘ

見出しとしては三階層です．

これに対して，最下層の項レベルでサイトページを起こしていく
場合，ページのレベルに対応する「第１項ｘｘｘｘ」という見出し
にｈ１要素を適用する，ということをおっしゃっているのだと認識
しました．
(1)この認識は合ってますでしょうか？

その場合，当然そのページにも「第１項ｘｘｘｘ」の見出しの上位
に，上の階層の見出し「第１章ｘｘｘｘ」「第１節ｘｘｘｘ」も
記載することが考えられます．
(2)その場合これらの見出しにはどの<h>要素を適用するのでしょうか？

「重要度」とか考えずに単に論理的な階層レベルだけを意識して，
第１章ｘｘｘｘ　→ｈ１
　第１節ｘｘｘｘ　→ｈ２
　　第１項ｘｘｘｘ　→ｈ３
とするのでは，良くないんでしょうか？

※この場合，厳密にはｈ１，ｈ２，ｈ３の全ての見出しを結合した
もの｛ｈ１＋ｈ２＋ｈ３｝が「ページの見出し」になっていると思
います．

(3)「一番重要だからｈ１」ということで適用した場合，その見出
しは，視覚的にもページ内で一番大きく表示したり強調したりする
ことになるのでしょうか？
ｈ１を適用してもそれが視覚に直結しないのではなんの為の適用か
わからないと認識しております．
実際には，サイト名等，論理的に上の階層の見出しの方を大きく表
示してるケースがほとんどだと認識しています．

■hirokiさん

>とりあえずSEOとか言うな混乱するから。

　私もSEOのことを持ち出すとややこしくなる/本来的な話じゃなく
　なるという認識でしたので，回答頂いた方に特段SEOを意識した
　回答じゃないですよね？ということを確認したかったのです．
　「重要な部分をｈ１」という言い方がSEOを意識した言い方に
　聞こえたものですから．html言語のサイトではそういう言い方を
　見た記憶がありません．

　hirokiさんの混乱を招いたのであれば，すみませんでした．

>本体（body）には、階層的に系統立てられたブロックがあり、見
>出しが6段階以下で存在し、

　見出し要素ｈ１～ｈ６は階層に従って系統的に振られるべき，
　ということなんでしょうかね？だとしたら私の思いと通ずるん
　ですけど．その場合最上位階層は一番大きな見出しである「サイ
　ト名」でいいのでは？というのが私の一つの見解です．

■mixさん

ｈｘ要素とそれに対応するｃｓｓについての問題認識は私も全く
同じです．
階層レベルとｈタグとの対応がページ毎に違ってくるとすると
ｈｘ要素を単純セレクタに使用してサイト全体に適用することは
無理になりますよね．
（class/idを用いれば無理ではないですが）
ｃｓｓの記述が煩雑になってしまうのも懸念される点です．

-------------------------------------------------------
#もう一回くらいレスした処で終わりにしたいと思ってます（苦笑

[24] mixiユーザー 12月25日 16:15

22:hirokiさん(2006年12月25日15:41)
> でもvalidではあるでしょ。

HTML4ならvalidでしょうけども、肝心なところが略されているのでどのスキーマを採用しているのかわかりません。ですからvalidか否かは判別つかない。

[25] mixiユーザー 12月25日 16:25

> 19 mixさん
現在勧告されている仕様では、h1を複数使用してはいけないという規定は無いのですね。大変失礼いたしました。申し訳ありません。

> 「すべてのサイト名をh1で」という解釈も、ケースによってはそれが適当な場合もあり得ると思いますし
そうですね。文書構造を考え、マークアップしていくのは製作者なので、答えは1つではないですよね。ただ、「見出し」はその章・節で述べられる話題を短く記すものと仕様に定義されていますので、サイトデザインが共通でも、各々のページで記述されているコンテンツは違うものだと思ったから、文書構造上おかしいなぁと思ったのです。

> 22 hirokiさん
Validではありますけど、HTMLの文法をチェックしただけですよね…？

> 23 おすぎさん

(1)(2)
セクション単位でサイトの構造が決まると思います。
「第１章」という大きなセクションの中に、「第１節」というセクションがあり、さらにその中に「第１項」があり、それが1ページ内に書かれている場合、
> 第１章ｘｘｘｘ　→ｈ１
> 　第１節ｘｘｘｘ　→ｈ２
> 　　第１項ｘｘｘｘ　→ｈ３
上記のものでよろしいかと思われます。
「第１項ｘｘｘｘ」について書かれているページなら、「第１項ｘｘｘｘ」だけの個別ページになると思うのですが…？

(3)
h1要素が重要だからといって、それが視覚的に左右されるわけではありません。視覚系のブラウザで見出しがレベルによって変化するのも、ブラウザのデフォルトスタイルシートによるものです。<h1>***</h1>と囲われているのは、文書構造を明確にするためだからなのです。

[26] mixiユーザー 12月25日 16:33

>>23
> 見出し要素ｈ１～ｈ６は階層に従って系統的に振られるべき

(x)htmlはそういう風に定義されてしまったのだから致し方なしでしょう。もし問題があるのなら自分で拡張すればいいし。
あと、サイト名はメタ情報でしょ。

>>24
略で逃げてごめんなさい。

[27] mixiユーザー 12月25日 16:37

>>26補足
サイト名に見合ったmeta要素の書き方があるかどうかは別として。

[28] mixiユーザー 12月25日 16:59

■かずやさん

レスありがとうございます．

>「第１項ｘｘｘｘ」だけの個別ページになると思うのですが…？

　ええ，「第１項ｘｘｘｘ」だけの個別ページになります．
　そのページの上部の見出しには，以下の３階層の見出しが表記
　されるのが自然との認識です．

第１章ｘｘｘｘ
　第１節ｘｘｘｘ
　　第１項ｘｘｘｘ

　「第１項ｘｘｘｘ」とだけ見出しが書いてあってもどの章のどの
　節の第１項なのかわかりませんので．
　その場合，上位の見出しから順にｈ１→ｈ２→ｈ３としてよいの
　ではないかと思っているわけです．
　一番下をｈ１とすると上の二つはどうなるのかな？と思ってます．

>h1要素が重要だからといって、それが視覚的に左右されるわけで
>はありません。

　視覚による閲覧者に「ここが重要」と伝えたいのであれば
　視覚に訴えるデザインを適用するのが自然な流れだと思います．

　視覚に訴えないということは，視覚による閲覧者に伝える為の
　ものではない，ということなのだと思いますが，その場合誰／何
　に対して「重要度」を伝達するためのｈ１マークアップなのでしょう？
　その点がよく分かりません．
　※音声ブラウザをご利用の方には伝わるのかも知れませんが．

[30] mixiユーザー 12月25日 17:23

29: reaさん(2006年12月25日17:19)
> XHTMLは、文書に意味づけを行う言語です。

ちょっと違いますよね。文書のもつ文書構造を明示するための言語ですから。

[31] mixiユーザー 12月25日 17:57

> 28 おすぎさん
> ええ，「第１項ｘｘｘｘ」だけの個別ページになります．
> そのページの上部の見出しには，以下の３階層の見出しが表記
> されるのが自然との認識です．
僕なら、「第１項」をh1要素でマークアップすると思います。

> 「第１項ｘｘｘｘ」とだけ見出しが書いてあってもどの章のどの
> 節の第１項なのかわかりませんので．
どの「第１項」かは、title要素に記述して明確にするか、もしくは、「第１章」の「第１節」の「第１項」とh1要素で一括りにしてもいいと思います。

> 視覚による閲覧者に「ここが重要」と伝えたいのであれば
> 視覚に訴えるデザインを適用するのが自然な流れだと思います．
それならばCSSによって「ここが重要」とわかるようなデザインをすればいいと思います。
h1要素は重要だからといって、「視覚的に重要」と表されるものではありませんが、製作者が意図的に「視覚的に重要」と表すのは自由です。

> 視覚に訴えないということは，視覚による閲覧者に伝える為の
> ものではない，ということなのだと思いますが，その場合誰／何
> に対して「重要度」を伝達するためのｈ１マークアップなのでしょう？
> その点がよく分かりません．
HTMLの起源の話になりますが、もともとは「研究論文をどのようなプラットフォームでも閲覧可能にできないか」という問題を解決するために、Web上の汎用言語としてHTMLが生まれました。この場合、文書を受け取るのは様々な「プラットフォーム」…コンピュータですね。つまり、ワープロソフトなどの個々に依存した専用ソフトを使わず、コンピュータに文書構造を明確に伝達するためのマークアップなのです。

[32] mixiユーザー 12月25日 18:49

＞28:おすぎさん
＞「第１項ｘｘｘｘ」とだけ見出しが書いてあってもどの章のどの節の第１項なのかわかりません

この辺は、HTML的にはlink要素にrel属性やrev属性を用いて示すのが、仕様上は、正しいのではないかと思います。そもそもhn要素は、ページを超えた「内容」の相関関係を意識していない気がしてきました。

しかしながら、実際にはページ内に視覚的な内容として上位のカテゴリ名などを入れたいケースは、経験上少なくないです。また、前述のCSS的都合を考えても「全ページを通してトップカテゴリ名はh1」としたい時もよくあります。

そういった場合は、せっかく仕様に解釈の幅があることですし、そのコンテンツに適してると解釈できる要素を与えればいいのだと思います。

# W3Cの長大なページを見ていたら、そういう長大なページを想定した仕様なんだなぁと思えてきました。

[33] mixiユーザー 12月25日 20:58

皆さん，レスありがとうこざいます．

■reaさん

>項のページなので他の見出しが必要とは思いませんが。
>もし、章や節を表示したいなら他の要素を使うべきでしょう。

　実際には，当該ページからみた上位の見出し(最上位はサイト
　名）を表示するケースが多いかな？と思いましたので質問いたし
　ました．
　その場合，見た目はあきらかに「見出し」に見えると思いますが，
　「見出しタグhn」は使用すべきでないというご意見なのですね．
　理解致しました．
　「見出しに見えるものにすべてhnを適用するとしたら具体的にど
　　のように適用したらよいか」というのが私の中の質問前提
　でしたので，少しずれがあったのですね．

>何度もいいますが、構造上の意味をしっかり理解するべきです。

　私なりに理解する努力はしているつもりなのですが，理解力が
　不足しているのか，なかなかreaさんからみて理解したレベルに
　至れていないようです．

>ところで、なぜ「,」や「.」を使うんですか？
>普通に「、」や「。」でいいのでは。

　余談からますます離れた内容になってしまいますので，個別に
　メッセージにて回答させて頂きます．

■かずやさん

>どの「第１項」かは、title要素に記述して明確にするか、もしく
>は、「第１章」の「第１節」の「第１項」とh1要素で一括りにし
>てもいいと思います。

　そうですね．私もそういう対応方法もあるかな？と思っていました．
　実際，各ページの上部に，パス表示として
　「第１章＞第１節＞第１項」
　のように表示(私はこれも見出しだと思ってます)することも多い
　ですものね．
　w3cのサイトのコンテンツページもそんな感じの対応でした．
　（最上位のサイトロゴまで含んで対応しています）

>それならばCSSによって「ここが重要」とわかるようなデザインを
>すればいいと思います。
>h1要素は重要だからといって、「視覚的に重要」と表されるもの
>ではありませんが、製作者が意図的に「視覚的に重要」と表すの
>は自由です。

　私の質問の意図がうまく伝わっていないようです．
　reaさんやかずやさんは「最重要と思う部分をh1としてマークアッ
　プする」という主張でしたのでそのことに対して「reaさんや
　かずやさんはそのh1を適用した部分に対して重要であることが
　視覚的に捕らえられるデザイン表現をなさるのですか？例えば
　サイト名より大きく表示するとか」という質問を投げさせて
　頂きました．

■mixさん

>しかしながら、実際にはページ内に視覚的な内容として上位のカ
>テゴリ名などを入れたいケースは、経験上少なくないです。ま
>た、前述のCSS的都合を考えても「全ページを通してトップカテゴ
>リ名はh1」としたい時もよくあります。

そうです．私のページもこのような表示をしているのでいざhnを適
用しようとした場合に迷ってしまうのです．

-----------------------------------------------------

一応，「サイトの階層構造まで含んでページ内に見出しを表示」し
ｈｎを適用するという対応案について，まとめてはみました．
（対応案１であり，決して私自身がこうあるべきだ，と結論付けた
　ものではありません．

　http://osugi.jounin.jp/midashitag_01.html

reaさん，かずやさんが言われる方式での対応案２もまとめてみよ
うと思ったのですが，まだできていません．

ただ，現時点ではっきりしているのは

「まだ，迷わずｈｎを適用できるほど頭の中が整理できていない」

ということです．
私のサイトは，現状のままｈｎを使わずに継続していくことに
なりそうな感じです．

中途半端な状況ではありますが，余談があまり長々と続いても
アレなので私からのレスはここまでとさせて頂きます．
（もう，十分長すぎましたかね（苦笑

皆様，ご意見参考になりました．
ありがとうこざいました．<(_ _)>

[35] mixiユーザー 12月26日 14:45

W3Cの仕様書
ex.1）http://www.w3.org/TR/2000/REC-xhtml1-20000126/
ex.2）http://www.w3.org/TR/1999/REC-html401-19991224/

を見ると、ex.1 ではページ内にh1が複数使用されており、ex.2 では1つしか使用されていないんですよね。つまり、この2つの文書からは

「1ページかどうかは問題ではなく、あくまでひとまとまりの文書における『章』がh1で、『節』がh2で、以下それに準ずる」

というコンセプトが見て取れるんですが、いかがでしょうか。
32: の書き込みに自ら抗っちゃうんですが。

そうなると、例は探してませんが、もしひとまとまりの文書を「節」ごとにページ分割することになれば、その「節」にはh1ではなくh2が与えられそうな気がします。

また、上記例はなぜか「その文書自身のタイトルもh1とする」コンセプトのようですね。それはちょっと不思議です。

[36] mixiユーザー 12月26日 20:19

ええと、h1、h2、h3という見出しの階層を、
?サイト全体で考えるか、?ページ個々で考えるか
については、HTMLはページごとに存在し、それぞれのページ同士の関連性についてはhead内link要素にて定義されるものなので?のページ個々で考えるものだと思います。

で、
?常にページ内に、サイト名＞第1章＞第1節＞第1項を記述して、それぞれh1>h2>h3>h4とするか
?トップページのみサイト名をh1で記述、次ページに、第1章＞第1節＞第1項を記述、それぞれh1>h2>h3とし、また次ページには、第1節>第1項を記述、それぞれh1>h2としていくか

のどちらを選択するかは自由だと思います。
小難しく考えなければ?になるはずなのですが。

?を選択する場合は、デザイン的にいわゆるブログ形式みたいなものにする場合に限られるような気がします。つまり、常に同じデザインで上部に同じ見出しが表示される、フレームのような形。

常にページ内に記述するものとして、現在の居場所を知らせるナビゲーター的なサイト名＞第1章＞第1節＞第1項を羅列する場合もありますが、これは見出しではないでしょう。

それとSEOについて。
検索エンジンがh1を重要視するのは「ページの見出しなんだから他の単語よりも重要な単語だろうと判断するのが妥当」な為です。
ただしそれは正しくマークアップされている前提であり、SEO対策といって意味も構造も関係なくh1を羅列するようなページが多数出てこれば、それは判断の指針になりませんので、検索エンジンがh1を判断材料にはしなくなります。
ですので、まずは正しいマークアップがあって、それにあわせて検索エンジンが検索方法を工夫したり、となるわけで、マークアップの際に検索エンジンの仕様に合わせるというのはおかしいと思うのですが。
「仕事として手段を選ばないからやる」のはアリだと思いますけど。

[37] mixiユーザー 12月26日 20:27

《追伸》
reaさん，かずやさんが言われていたと私が認識する方式での対応案２もまとめました．
http://osugi.jounin.jp/midashitag_01.html

[43] mixiユーザー 12月30日 21:02

ご指名での質問がありましたのでレスさせて頂きます．

■ぼだ（ごっつ）さん

　umeさんのおつしゃるように，この文書はエクセルでメモ書きし
　ました．それでその文書を，皆さんに開示するためにエクセルの
　機能(「WEBページとして保存」)を用いて拡張子Htmlとして出力
　したドキュメントをアップ致したものです．

　伝達手段として簡便な方法を取らせて頂いたのですが，その為に
　余計な確認作業を発生してしまったようですね．
　ご迷惑をおかけしました．

　比較的多くの方に使われているエクセルですので特に断らなかっ
　たのですが，

>見たことのないタグ（例えば<xml>や<o>など）やブラウザ依存タ
>グの<ruby>が使われているのですが、少数派OSによる（への）展
>開なのでしょうか。

　と，混乱させてしまったようですので，その旨を断った方がよ
　かったですかね．

　それから「このトピックにおける私の主張」と「その文書のタグ
　の文法チェックの結果」はなんの因果関係もないと認識しており
　ます．

>いわゆる、おすぎ流だと僕のサイトはうんちみたいに見えてくる
>のですがいかがなものなのでしょうか？
>構想1週間・製作2週間なので欠損部分が目立ちますが…できた
>ら、ご享受をお願いします。

　私からの何からの回答を期待している文章と読み取りましたが，
　何を回答すればよいかよく分かりません．
　従いまして回答はしかねます．あしからず．

ログインすると、残り16件のコメントが見れるよ

最初
全て
最新の40件

前

1
2

CSSコミュの中央よせをIE向けにtext-align:centerとしましたがIEで中央によりません。

CSS 更新情報

最新のトピック

最新のイベント

最新のアンケート

CSSのメンバーはこんなコミュニティにも参加しています