5

内部アプリケーションで HTML5 セマンティック Web 要素を使用する必要があるのはなぜですか? セマンティック要素は、ナビゲーションや記事などに固有の要素を検索エンジンが検出するのに適しているようです。クライアントのみの HTML ベースのアプリケーションでこれらの要素を使用すると、どのようなメリットがありますか?

4

4 に答える 4

7

可能な利益:

  • 可読性
  • アクセシビリティ
  • 軽量アプリケーション
  • ネットワークの制約が少ない (ファイル サイズが小さい)
  • 展開しやすい
  • 2 人目の開発者をトレーニングしやすくする
  • 外部サイトを開発するための良い習慣を実践する機会

考えられる欠点:

  • なし？

基本的、

<header>
    <hgroup>
        <h1>Logo and Application Title</h1>
        <h2>Clever Slogan</h2>
    </hgroup>

    <nav>
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
            <li>Test</li>
            <li>Stuff</li>
        </ul>
    </nav>
</header>

よりも良く見えます...

<div id="header">
    <div class="top_logo">
        <h1>Logo and Application Title</h1>

        <h2>Clever Slogan</h2>
    </div>

    <div class="navigation">
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Contact</li>
            <li>Test</li>
            <li>Stuff</li>
        </ul>
    </div>
</div>

スタイルにも

<style type="text/css">
    header hgroup {}
    header nav li {}
</style>

よりも良く見えます

<style type="text/css">
    #header .top_logo {}
    #header .navigation li {}
</style>
于 2012-06-08T19:45:48.930 に答える
4

スクリーンリーダーなどのアクセシビリティ機能を使用する一部のユーザーは、サイトをより簡単に使用できるようになります。これは、iOS スクリーン リーダーなどのデバイス固有のアクセシビリティ機能にも当てはまります。

于 2012-06-08T19:49:18.663 に答える
2

アクセシビリティ。たとえば、スクリーン リーダーを必要とする視覚障害のあるユーザーがいる場合があります。

于 2012-06-08T19:47:15.993 に答える
2

開発の容易さ

あなたのコンテキストでは得られるものは小さいので、セマンティック Web 要素が提供する「楽しさ」と「使いやすさ」が主な理由かもしれません。

私は、次のようなアプリケーションのコーディングと保守を好みます。

<nav>
    ...
</nav>
<article>
    <h2>Article's title</h2>
</article>

よりも：

<div class="navigation">
    ...
</div>
<div class="article">
    <h2>Article's title</h2>
</div>

CSS セレクターを使用するとさらに効果的です。

$("nav").show();
$("article figure")...

アップデート

また、コンテキストで役立つ可能性がある特定の機能を使用できます。たとえば、次のようになります。

  • オーディオ/ビデオの統合

  • 時間タグ (カレンダーで日付を開く)

例：

<time datetime="1982-07-18">Priyanka Chopra’s birthday</time>
  • 場所 (ブラウザによっては、地図を開いたり、道順を表示したりすることができます)

例：

<location lat=51.502064 long=-0.131981>London SW1A 4WW</location>
于 2012-06-08T19:54:18.893 に答える