jQuery mobile,单页面方法中的多个页面,多个h1效果SEO,辅助功能和语义

Jit*_*yas 5 seo jquery html5 accessibility jquery-mobile

在jquery mobile的单页方法中有多个页面可以用于SEO页面的可访问性和语义吗?

我制作一个使用CMS添加/修改数据的网站有很多页面有3个级别.

这种技术好吗?它创建H1H6在多页中定义标题级别的问题.我从这个页面下面的代码.http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-pages.html

你可以看到这个页面有两个<h1>标签,但同样只有一个<h1>是好的.

<h1>
<h2>
<h1>
Run Code Online (Sandbox Code Playgroud)

根据Web Accessibility标准不允许.

<body> 

<!-- Start of first page -->
<div data-role="page" id="foo">

    <div data-role="header">
        <h1>Foo</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <p>View internal page called <a href="#bar">bar</a></p> 
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->
</div><!-- /page -->


<!-- Start of second page -->
<div data-role="page" id="bar">

    <div data-role="header">
        <h1>Bar</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <p><a href="#foo">Back to foo</a></p>   
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->
</div><!-- /page -->
</body>
Run Code Online (Sandbox Code Playgroud)

Bre*_*McK 3

重要的是使用 CSS display:none (或 Visibility:hidden)隐藏“隐藏”页面 - 所有当前的屏幕阅读器都会忽略以这种方式标记的内容,因此只会看到实际可见的标题。