問題タブ [semantic-markup]

HTML リストにセマンティックキャプションを提供する適切な方法は何ですか? たとえば、次のリストには「タイトル」/「キャプション」があります。

フルーツ

• アップル
• 梨
• オレンジ

リスト自体に意味的に関連付けられるように、「果物」という単語をどのように処理する必要がありますか?

テーブルベースのレイアウトをまだ使用しているサイトに、CSS ベースのタブ ナビゲーションを追加しています。タブ リストを td 内に配置すると、視覚的な「ギャップ」が表示されます。width: 100% の空の div を td に配置すると、タブ リストが正しく表示されます。（テーブルの外でも問題なく動作します。）

div によってタブが正しくレイアウトされるのはなぜですか? また、コンテンツのない div を追加せずにタブを正しく配置するより良い方法はありますか?

これが私のテストケースです：

これを私のブログにクロスポストしました: Bacon Driven Coding: Why does layout change in IE when UL is alone in a TD vs having an extra empty DIV? 、スクリーンショット付きで、私が話していることを人々が見ることができます。

スクリーンショットは次のとおりです。

だから私は次のようなことを考えています：

この例は単なる構成であるため、最適な例ではない可能性があります。しかし、1 dt に対して 2 dd を使用する必要がある場合に何度か遭遇しました。皆さん、これは良いセマンティックですか、それとも悪いセマンティックですか?

以下のようなHTMLがたくさんあるとしましょう：

<p>Javascript を使用して適切なセマンティックタグに変換する簡単な方法はありますか? 例えば：

出力間隔は重要ではありません。理想的には、任意の入力間隔で機能します。

正規表現を作成しようと考えていますが、その前に、a) 傷ついた世界を避けていることと、b) 他に何かがないことを確認したかったのです-私はやろうとしましたグーグル検索ですが、まだ何も出ていません。

アドバイスをありがとう！

私がブログとポートフォリオを持っているサイトで言います。これらは、このサイトで最もアクティブな2つの領域です。ブログとポートフォリオの個別のRSSフィードをリンクするという点で。次のことが最善でしょうか：

1. すべてのページでブログとportofolioフィードをリンクしますか？
2. ブログでのみブログをリンクしますか？

ファイルがリンクされているので、私は疑問に思っています

1. フィードはcssリンクとjavascriptリンクでダウンロードされますか？
2. それらは、ページ自体に何らかの関係の意味的価値をもたらしますか？

それらは直接リンクされた異なるフォーマットであるため、ある意味ではそうだと思いますが、それはとにかくセマンティクスを解釈するものに依存すると思います。

また、どのプロトコル（URLプレフィックス）を使用するのが良いかファイルをリンクするとき:( それらはすべて同じことをするようです）

1. http://localhost/myfeed.xml
2. feed：//localhost/myfeed.xml
3. フィード：http：//localhost/myfeed.xml

これについてのあなたの考えのすべてに感謝します。

最後の行に入力し、行の最後にある [追加] ボタンをクリックするだけで追加できるテーブルを探しています。表の他のすべての行は、一番右の列のボタンをクリックして削除できます。

私の問題は、フォームが 1 行だけをラップして XHTML として検証できないことです。フォームがテーブル全体をラップするようにすると、最後のセルとしてフォームを持つ行も含まれます。また、フォーム内のフォームは間違いなく無効です。

提案？

読みやすさ (アクセシビリティ) と汎用性を最大限に高めるために、フォーム/詳細ビューを設計するときに使用する最適な構造は何ですか?

例として、ASP.NET MVC フレームワークのスキャフォールディングは、上部に凡例があり、すべてのフィールドが p にあるフィールドセットを作成します (ラベル、次に入力/エディター セット)。

使用するのに最も用途の広い構造は何だと思いますか?

たとえば、後からレイアウトを変更して、2 つまたは 3 つのフィールドをトップダウンではなく横に並べる場合、構造的に関連性がないため、CSS を介してのみ行いたいと思います。

ありがとう、
キーロン

編集：友人の推奨は、dl、dt、およびddsを使用することでした...誰かそれについて何か考えがありますか?

作業中のアプリケーション用のWebGUIを作成しています。この特定のセクションは、優れたセマンティック構成の大きなページ内に配置されます。ただし、下の画面を意味的にマークアップするための最良のオプションが何であるかはわかりません。

私の最初の考えは、divを介して上半分を下半分から分離することです。したがって、トップのマークアップは非常に簡単です。困ったところの底を残します。最も簡単な答えは表ですが、このコンテンツは、表形式のデータルールに使用される表だけに簡単に適合するわけではありません。特に、このレイアウトではヘッダーが目立つように見えることを考慮してください。提案？

この画像にはセマンティックマークアップが必要ですhttp://img183.imageshack.us/img183/2261/semanticmarkup.png

テキストが小さすぎる場合、 h1 の後に H2 を使用することは必須ですか? h1 の後に h4 を使用できますか? アクセス可能ですか？

次のような単純な定義リストを使用したいと思います。

次のようなものをレンダリングします。

ここでは、定義リストが意味的に最適なオプションのようです。

新しい慣らし表示スタイルを使用すると、うまくいきます。

しかし、これはまだ広くサポートされていません。HTMLを変更せずに（現在、インライン表示を使用して醜いbrを追加する）、クロスブラウザサポートを改善するために定義リストのスタイルを設定するにはどうすればよいですか（ie6は必要ありません）？

明確にするために編集：

次のようにレンダリングされるため、機能しません。

設計では、スペースを確保するために、これらの複数行フィールドが行の先頭に折り返されるように指定されています。