文書構造について

[新着] Webテンプレートを仮オープンしました

0   名前： まろん ： 2007/10/01（月） 08:11  ID:/AMVWxWK sub-Cl
htmlテキストをxhtmlテキストに書き換えてるのですが
ふと文章構造に疑問を持ちました。


現在htmlテキスト内で、各『見出し』はバナー(img)で表示してあります。

xhtmlで定義づけする際、<h〜>タグをふるのですが、
その際にバナー内にタイトルを装飾する補足的な一言テキストの文章が記載されています。

これも<h〜>タグの中に入れるものでしょうか。。
見出しとは判断しにくいのですけれども・・

↓特別な・・・と書かれてる部分も見出しのウチでしょうか・・

■サンプル■
　
　特別な人と特別な時間を過ごす特別な空間
　　　　スペシャルスィートルーム
1   名前： 匿名 ： 2007/10/01（月） 08:11  ID:R7kJ1Xl3 sub-C7
副題であれば見出しに含めて良いのではないでしょうか。
それ以外は段落か、title属性になると思います。
2   名前： 匿名 ： 2007/10/01（月） 08:11  ID:jYmQD2Vn sub-Cl
「見出しに含める」に賛成。
で、span要素としてマークアップして「subtitle」とかいうclassを付けるのもイイんじゃないかと。

というか、xhtmlで定義づけする際、<h〜>タグをふるのですがってのが気になりますな。
基本的にマークアップはHTMLだろうがXHTMLだろうが変わらんでしょ。
3   名前： まろん ： 2007/10/01（月） 08:11  ID:/AMVWxWK sub-Cl
おはようございます。
レスポンスありがとうございます。

「見出しに含める」ですか。
その方向で、もう少し考えていきたいと思います。

取り急ぎ、コメントしたかった部分が、

>というか、xhtmlで定義づけする際、<h〜>タグをふるのですがってのが気になりますな。
>基本的にマークアップはHTMLだろうがXHTMLだろうが変わらんでしょ。

現在、htmlで書かれてるファイルでの該当部分は
リスト扱いでくくられimgを置かれてブラウザー表示されております。

全体的にかかれた内容（コンテンツの成り立ち）を考えると
構造上ではそれは見出しに該当するのではと思っているのです。
4   名前： 匿名 ： 2007/10/01（月） 08:11  ID:XZL5hbgW sub-y9
そもそも見出しが画像だから
<h1><img src="" alt="特別な人と特別な時間を過ごす特別な空間" /></h1>
などとなるだけで、外には出ない(出せない)と思うのですがどういう質問なのでしょうか
5   名前： 匿名 ： 2007/10/01（月） 08:11  ID:u3gIux/4 sub-1h
>>3

> 現在、htmlで書かれてるファイルでの該当部分は
> リスト扱いでくくられimgを置かれてブラウザー表示されております。
>
> 全体的にかかれた内容（コンテンツの成り立ち）を考えると
> 構造上ではそれは見出しに該当するのではと思っているのです。

でしたら、HTMLの方のマークアップが不適切なのではないですか？

>>2 の仰るように、
HTMLならリストで、XHTMLなら見出しという考え方がおかしいと思います。
6   名前： 匿名 ： 2007/10/01（月） 08:11  ID:jYmQD2Vn sub-Cl
>>4
<h1>
	<img src="./hoge" alt="ほげほげ"/>
	<span class="subtitle">サブ</span>
</h1>
とかいう感じ？と推測（ついでに>>2のサンプル）。

>>5
まろんさんも「これではおかしい」と思ったんで、XHTMLに移行するのに合わせて適切なマークアップに修正しようとしているんじゃないかな？（やはり推測だけど）

いずれにせよ、がんばってねー＞まろんさん
7   名前： 匿名 ： 2007/10/01（月） 08:11  ID:XZL5hbgW sub-y9
>>6
画像を表示できる環境では装飾が二重に表示されることになるので、spanによる補足は候補とはならないはずです
8   名前： 匿名 ： 2007/10/01（月） 08:11  ID:jYmQD2Vn sub-Cl
>>7
画像にはメインタイトルだけ書いてるんじゃねーか？と勝手に思ってるんですよ。
で、そこにサブタイトルみたいなのを付加したいのかなー、と。
あーもーホント説明下手でごめん。
（俺の勝手な）イメージとしては以下みたいな。
<h1>
    <img src="http://www.tagindex.com/image/logo/title.gif" alt="TAG index"/>
    <span class="subtitle">ホームページ作成を支援する タグインデックスWebサイト</span>
</h1>
9   名前： 匿名 ： 2007/10/01（月） 08:11  ID:/AMVWxWK sub-Cl
おはようございます。
コメントありがとうございます。
返信遅くなってすみません。

少し書き方に問題があったようで申し訳ありありませんでした。
あと、もしかすると私は根本的に認識を間違えてるのかも？とも思うきっかけになりました。
まず・・・

【html】
<ul>
<li><img src="" alt="特別な人と特別な時間を過ごす特別な空間『スペシャルスィートルーム』" /><li>
<li><imf src="" alt="somple somple 『somple somple2』" /><li>
<li><imf src="" alt="somple somple 『somple somple3』" /><li>
</ul>

といった感じで、htmlソースが書かれており
あわせて各イメージのオンマウス時に、背景で詳細テキストが書かれた"画像"が表示されるようにCSSで制御されております。

要は、内容がほとんど画像で済まされているんですね。現状は。
そこで私が最初に思った事が、

<li><img src="" alt="特別な人と特別な時間を過ごす特別な空間『スペシャルスィートルーム』" /><li>

は見出しになり、オンマウスで背景画像に書かれた詳細テキストは内容<p>でくくろうと思っていました。

そして、今おかれてる<li>内の<img>は画像を編集して背景におくか、
最悪テキストを飛ばして今の画像を表示させようかと思っていました。

SEOの関係で基本的に、画像はテキストに移行するっていうのが染み付いていたのですが
よく考えると、何から何でもそうするってのは違うなとふと思いました。

うまく表現できまず申し訳ありませんが・・・もう一度頭の中を白紙に戻してソースを書き換える意味と
(X)HTMLについて把握しなおしたいと思います。

ありがとうございました。
一覧へ戻る