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

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

  •  3
  • 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 回复  |  直到 7 年前
        1
  •  4
  •   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-* 这意味着它将在移动设备上可见,并隐藏在所有其他设备上,如平板电脑、台式机。