3

html の初心者 - 適切に行うのは初めてです。

簡単な質問がありますが、それは私がこれから行う多くの決定の基礎となるので、正しく始める必要があります。

        <div id="site-master-social">Find us at:
            <a href="http://www.OurWebsite.com"><img src="/Images/icon_fb.png" alt="Facebook" title="Find us on Facebook" /></a>
        </div>

質問は、以下の html スニペットに関するものです。折り返しの Div 内には、いくつかの要素 (テキスト、ハイパーリンク、画像) があります。問題は、"Find us at:" というテキストを span などのタグに含める必要があるか、それとも Div タグ内で「フロート」するだけでよいかということです。

4

5 に答える 5

0

W3Cから

適切な要素が他にない場合、最後の手段として div 要素が使用されます。そうしないと、読者のアクセシビリティが低下します。

DIV には意味的な意味がないため、コンテンツに何らかの意味がある場合、障害のある人にとってはアクセスしにくくなります。

これは、このフレーズを具体的にデザインするのが難しくなることも意味します. さらに重要なことに、後で何らかの方法 (正規表現など) で操作する場合に備えて、javascript を使用してこの textNode プロパティにアクセスするのは困難です。

span特別な意味もありませんが、クラスを割り当てて、それに続いて JavaScript をはるかに簡単に割り当てることができます。

完全を期すために、Paul D. Waite と私の間の議論からの結論を追加します: (コメントを参照)

spanしたがって、テキストを a でラップしてプロパティを追加することをお勧めしclassます。この特定のケースでは<h1>、html5 にはセクション化スコープがあり、このセクションのヘッダーのように見えるため、使用を検討します。

<section id="site-master-social"> 
<h1>Find us at:</h1> 
<ul> 
<li>facebook</li> 
<li>google+</li> 
etc...
</ul> 
</section>
于 2013-07-15T09:15:20.597 に答える
0

もちろん。何らかの方法でフォーマットする必要がない限り、これは完璧です。

于 2013-07-15T10:07:35.037 に答える