HTML5语义Web元素 - 为什么我应该在内部应用程序中使用它们

Question

为什么我应该在内部应用程序中使用HTML5语义Web元素？语义元素似乎有利于搜索引擎检测哪些元素特定于导航,文章等.如果我在仅基于客户端的HTML应用程序中使用这些元素,我将获得什么？

Answer 1

可能的收益:

• 可读性
• 无障碍
• 轻量级应用程序
• 减少对网络的约束(较小的文件大小)
• 更容易扩展
• 更容易培养第二个开发人员适应
• 有机会养成开发外部网站的良好习惯

可能的缺点:

• 没有？

基本上,

<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>