HTML 5でどのようにセマンティックを取得できますか？

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

質問

これは、コミュニティWikiの質問です。<！> quot; HTMLマークアップはHTML 5のおかげでどのようにセマンティックを得ることができますか？<！> quot;以下に、サンプルHTML 5ページのソースコードを示します。オブジェクトは、可能な限り少ないクラスとIDを使用して、非常に使いやすく、アクセス可能な、スタイル設定可能なWebページを作成することです。

また、いつHTML 5の実装を開始する予定ですか？ドラフトが完成するまで10年以上待つのか、それとも<！> quot; early Adopter <！> quot;になるのかブラウザのサポートは急速に成長していますか？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
        </footer>
    </body>
</html>
役に立ちましたか？

解決

10年以上はありません。その期間は<！> quot; final completion <！> quot;であり、すべてのブラウザが仕様のすべての部分をサポートしています。今年の後半、次の早い時期に候補者になる予定であり、2011/2までに承認されることを望んでいます。

今のところ、できる範囲で段階的に導入しています。使用する量は視聴者に依存しますが、IEのシェアは絶えず低下しているため、特にJohn Resigの<！> quot; HTML5 shiv <！> quot;のように、IEのシェアは絶えずキラーではありません。 IEでjsがオンになっている場合でもセマンティックタグを再生できます。

さらに重要なことは、明日HTML5タグとなるクラス（div class = <！> quot; nav <！> quot;）を使用して、思考をHTML5行に移行し始めていることです。そうすれば、機会が来たときにHTML5の用語で考えることに慣れます。

他のヒント

私は新しい機能を見ることに非常に満足していますが、クライアントがIE6（および同様のブラウザー）を使用しているという真実はまだ残っています。誰もが最新のブラウザを使用しているのを見たいと思っていますが、それらはアップグレードする必要のないテクノロジを使用する必要があるという意味ではありません。

ブラウザでサポートされるとすぐに使用します。私が作成するサイトは、主にFirefoxユーザーが訪問する趣味のプロジェクトです。 （トラフィックの80％はFFの最新バージョンを使用しています。）

cite要素は、個人の名前には適切ではないことに注意してください： HTML5 は<！> quot;人の名前は作品のタイトルではありません<！>＃8212;人々がその人を作品と呼ぶ場合でも<！>＃8212;したがって、要素を使用して人の名前をマークアップすることはできません。<！> quot;また、<meta charset="UTF-8" />の末尾のスラッシュは不要です。

HTML 5を採用する人々の主なドライバーは、検索エンジンの配置を改善することです。それがなければ、採用する大きな理由はわかりません。

（もし人々が何らかの方法でウェブがよりデータのようになり、したがって相互運用性が向上するかもしれないと私に納得させることができれば、私はいくらか納得するかもしれませんが、それは少し過度に楽観的に聞こえます）

ジョノサン・サンプソンにエコーします。妥当な数の人々がまだ古いブラウザーを使用している限り、そのジャンプをすることは困難です。

一方、ブラウザを検出し、適切なバージョンを送信することはおそらく賢明です。 2つの言語の違いは中程度であるため、ユーザーエージェントに応じて、おそらく小さなサーバー側xsltで、追加のクラスとスタイルを使用してHTML5ページをHTML4に変換することはおそらく実行可能です。とはいえ、その技術を発明したのは自分ではないでしょうが、利用可能になった場合は使用します。

IE6などの古いブラウザ向けのJavaScriptソリューションについて言及し続けていますが、JavaScriptをサポートしていない場合はどうなりますか？

申し訳ありませんが答えではなく、もっと?????これがポイントなので、セマンティックhtml5とIEのサポートについては理解できません。

古いブラウザの場合は、常にベルトとブレースを使用できます

<nav><div id="nav"> some nav stuff</div></nav>

しかし、それは私にとって汚い感じですか？

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top