ユーザーが Facebook にリンクを投稿すると、Facebook は自動的に写真を見つけて、ニュース フィードに表示されるサムネイルとして使用します。最初の選択肢として使用したい写真を囲む何らかの (HTML) マークアップはありますか?

このレイアウトの代替テキスト http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (現在はテーブルで完了) を実現するにはどうすればよいですか すべてのセルには、行の高さが必要です。

編集: 左の列には説明が含まれ、右の列にはデータが含まれます。したがって、これはテーブルには適していないと思います。説明をテーブル ヘッドに移動すると、2000 px の幅が必要になります。

<dl>次のように、 XHTML 1.0 の要素がリソース タグ リストを表示するのに意味的に有効かどうか疑問に思います。

または、次のコードが示すように、サブスクリプション フィードを使用します。

それとも、<ul>要素はこれらの例により適していますか?

次のような短いテキストにはどのタグを使用する必要がありますか。

トップに戻る

続きを読む

適切である<p>か、他の何かを使用する必要があります。これらは段落ではないためです。

どちらがよりセマンティックですか

また

また

私はツイッターのメッセージにポジティブ、ネガティブ、ニュートラルのタグを付けています。私は、メッセージのどの割合がポジティブ/ネガティブおよびニュートラルであるべきかを特定するために使用できるいくつかのロジックがあるかどうかを評価しようとしていますか?

たとえば、1000 個の Twitter メッセージを使用して単純ベイズ分類器をトレーニングしている場合、pos : neg : ニュートラルの割合は 33 % : 33 % : 33 % にする必要があります。または、25 % : 25 % : 50 % にする必要があります。

論理的には、私の頭の中では、システムがニュートラルな文をポジティブかネガティブかよりも識別しやすくなるように訓練する (つまり、ニュートラルのサンプルを増やす) ようです。それは本当ですか? または、ここでいくつかの理論が欠けていますか？

ありがとうラフル

テキストを斜体にする正しい方法は何ですか？私は次の4つのアプローチを見てきました。

<i>

これが「古いやり方」です。<i>意味的な意味はなく、テキストを斜体にすることによる表現効果のみを伝えます。私が見る限り、これは非セマンティックであるため、これは明らかに間違っています。

<em>

これは、純粋に表示目的でセマンティックマークアップを使用します。<em>デフォルトではテキストがイタリックで表示されるため、避けるべきことは知っているが、その意味的な意味を知らない人がよく使用します<i>。強調されているため、すべての斜体のテキストが斜体であるとは限りません。サイドノートやささやき声のように、正反対の場合もあります。

<span class="italic">

これは、CSSクラスを使用してプレゼンテーションを配置します。これは正しい方法としてしばしば宣伝されますが、繰り返しますが、これは私には間違っているようです。これは、それ以上の意味的な意味を伝えていないようです<i>。しかし、その支持者は叫びます。たとえば、太字にしたい場合は、後ですべての斜体のテキストを変更する方がはるかに簡単です。しかし、これは当てはまりません。テキストを太字にする「イタリック」というクラスが残ってしまうからです。さらに、なぜ私が自分のWebサイトのすべての斜体のテキストを変更したいのか、または少なくともこれが望ましくない、または必要でない場合を考えることができるのかは明らかではありません。

<span class="footnote">

これは、セマンティクスにCSSクラスを使用します。これまでのところ、これが最善の方法のように見えますが、実際には2つの問題があります。

1. すべてのテキストがセマンティックマークアップを保証するのに十分な意味を持っているわけではありません。たとえば、ページの下部にあるイタリック体のテキストは本当に脚注ですか？それとも脇にありますか？または完全に何か他のもの。おそらく、それは特別な意味を持たず、その前のテキストから表示的に分離するためにイタリックでレンダリングする必要があるだけです。

2. セマンティックの意味は、十分な強度がない場合に変わる可能性があります。ページの下部にあるテキストだけに基づいて「脚注」を使用したとしましょう。数か月後、下部にテキストを追加したい場合はどうなりますか？脚注ではなくなりました。これらの問題よりも一般的ではない<em>が回避するセマンティッククラスをどのように選択できますか？

概要

何かをイタリックにしたいという願望が意味的な意味を運ぶことを意図していない多くの場合、意味論の要件は過度に負担が大きいように思われます。

さらに、スタイルを構造から分離したいという願望により、CSSは<i>、これが実際にはあまり役に立たない場合がある場合の代わりとして宣伝されるようになりました。それで、これは私に謙虚な<i>タグを残し、この一連の考えがHTML5仕様に残されている理由であるかどうか疑問に思いますか？

このテーマに関する良いブログ投稿や記事もありますか？<i>おそらく、タグを保持/作成する決定に関与した人々によってですか？

私はそれが純粋なセマンティックな方法であることを知っています

しかし、デザインの目的によっては、必要なスタイルを取得するだけでは不十分な場合があります。だから私の質問は、この純粋に意味論的な方法以外です

フォームは順序付けられたフィールドのグループであり、1つずつ入力するため、このコードもセマンティックです（純粋なセマンティックメソッドの後）

以前は、サイトのタイトルを<h1>タグに入れてから、メインページのタイトルをに入れていました<h2>。これは正しいと見なされますか、それともメインページのタイトルを<h1>タグに含める必要がありますか？もしそうなら、あなたはサイトのタイトルをどこに置きますか？定期的に<div>？または？

最も意味的に正しいものは何ですか、そしてアクセシビリティのようなものを考えるときに最も良いものは何ですか？