2

IE9、Firefox、および Chrome のすべてで、任意の html タグを使用して、これらのタグを CSS でスタイル設定できることに気付きました。

これをテストするために私が作成したサンプルの HTML ファイルを次に示します。これは、最新のすべてのブラウザーで動作します。

<html>
    <head>
        <title>Test</title>
        <style>
            h3 { font-family: Arial; }
            animals { padding: 20px; display: block; background-color: #eee; }
            dog { background-color: brown; color: white; display: block; padding: 10px; }
        </style>
    </head>
    <body>
        <animals>
            <dog>
                <h3>Dog</h3>
            </dog>
            <cat>
                <h3>Cat</h3>
            </cat>
            <giraffe>
                <h3>Giraffe</h3>
            </giraffe>
        </animals>
    </body>
</html>

下位互換性はさておき、カスタム タグが最新のブラウザーでサポートされている場合、(既存の公式タグ仕様と組み合わせて) それらを使用して、マークアップをコンテンツやアプリケーション要素などとより意味的に関連させないのはなぜですか?

4

2 に答える 2

3

確立された HTML5 タグに固執する場合、ページはブラウザー以外の他のツール (特にスクリーン リーダー) でより適切に機能します。あなたの新しいセマンティクスを理解する唯一のプログラムはあなたのものであり、同様に理解するためにあなたのプログラムを書くことができます<ul class='animals'>。

HTML の「より良いセマンティクス」を主張するとき、彼らは通常、テーブルではなく、「意味を最もよく表すタグを選択する」ことを意味します。「あなた以外の誰もが理解できないタグを発明する」という意味ではありません。

于 2012-06-19T12:56:44.813 に答える
0

IE6で一部のサイトが機能しなくなるというバグ レポートがまだ届いています。IE9 は正しい方向への一歩ですが、IE ユーザーは伝統的に非常に勢いがあり、古いバージョンは埋もれるべきだった数十年後に使用されています。

留意しなければならないもう 1 つの問題は、前方互換性です。将来の標準では、一般的な方法で使用したタグに望ましくない動作が導入される可能性があります。

次に、すべてのコードがあらゆる種類の検証に合格することを切望する人もいますが、実際に XHTML を使用し、マークアップが実際に XML として検証されるように注意しない限り、これはもちろん不可能です...

于 2012-06-19T13:01:35.240 に答える