代码之家 › 专栏 › 技术社区 › Priyank Dey

我可以多次使用一个用于桌面,另一个用于移动设备吗?

seo twitter-bootstrap-3 twitter-bootstrap html

Priyank Dey · 技术社区 · 8 年前

<h1> <h1> <h1>

我的代码如下。代码SEO友好吗?

<div class="row">
  <div class="col-sm-12 hidden-xs">
      <h1>Header in Desktop</h1>
  </div>
  <div class="col-xs-12 hidden-lg hidden-md hidden-sm">
      <h1>Header in Mobile</h1>
  </div>
</div>

1 回复 | 直到 8 年前

Asfandyar Khan 8 年前

当然可以,你们可以使用多个 h1 h1 标签很好。只要每个 h1 标记位于的元素内 html5 h1 在不需要特定包装的页面上)。

标签很好(一个用于桌面,一个用于移动设备)。

你可以这样使用你的代码。

<div class="row">
  <div class="col-sm-12 hidden-xs">
      <h1>Header in Desktop</h1>
  </div>
  <div class="col-xs-12 visible-xs-*">
      <h1>Header in Mobile</h1>
  </div>
</div>

hidden-xs 意味着它将在桌面、平板电脑上可见,并隐藏在手机上。

visible-xs-* 这意味着它将在移动设备上可见,并隐藏在所有其他设备上,如平板电脑、台式机。