Jit*_*yas 5 seo jquery html5 accessibility jquery-mobile
在jquery mobile的单页方法中有多个页面可以用于SEO页面的可访问性和语义吗?
我制作一个使用CMS添加/修改数据的网站有很多页面有3个级别.
这种技术好吗?它创建H1了H6在多页中定义标题级别的问题.我从这个页面下面的代码.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)
重要的是使用 CSS display:none (或 Visibility:hidden)隐藏“隐藏”页面 - 所有当前的屏幕阅读器都会忽略以这种方式标记的内容,因此只会看到实际可见的标题。
| 归档时间: |
|
| 查看次数: |
3166 次 |
| 最近记录: |