HTMLでレスポンシブのためにheaderを2つ作ることは問題ないか。また、セレクター名は統一でいいか。

Question

レスポンシブ対応のために、headerを二つ作ったのですが、セレクター名は同じで良いですか？

ここに質問の内容を詳しく書いてください。
現在HP制作中で、レスポンシブ に取り掛かろうと思っています。
PC版とスマホ版では内容が違うので、headerを2つ作り、display:none;で表示・非表示を分けました。
あとはcssで分けていくだけなのですが、PC版もスマホ版も、セレクター名は同じで問題ないですよね？
コードは分けているのですが、分ける必要がないのであれば文章だけ変えてセレクター名は統一しようと思います。
基本的なことで恐縮ですが、よえろしくお願いします。
■■な機能を実装中に以下のエラーメッセージが発生しました。

HTML

<header class="header">
<!-- PC用 -->
  <div class="sp__none">
    <div class="header-innner inner">
      <h1 class="logo"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"></a></h1>
      <div class="header-links">
        <nav class="menu">
          <!-- 各ページとのリンク付をするPHP -->
          <a href="<?php echo esc_url( home_url( '/company' ) ); ?>">COMPANY<br/><span>会社案内</span></a>
          <a href="<?php echo esc_url( home_url( '/blog' ) ); ?>">BLOG<br/><span>ブログ</span></a>
          <a href="<?php echo esc_url( home_url( '/recruit' ) ); ?>">RECRUIT<br/><span>採用情報</span></a>
          <a href="<?php echo esc_url( home_url( '/contact' ) ); ?>">CONTACT<br/><span>お問い合わせ</span></a>
        </nav>
      </div>
    </div>
  </div>
  <!-- SP用 -->
  <div class="pc__none">
    <div class="sp__header-inner">
      <h2 class="sp__logo"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"></a></h2>
      <div class="sp__header-links">
        <nav class="sp__menu">
          <!-- 各ページとのリンク付をするPHP -->
          <a href="<?php echo esc_url( home_url( '/company' ) ); ?>">会社案内<br/><span>COMPANY</span></a>
          <a href="<?php echo esc_url( home_url( '/blog' ) ); ?>">ブログ<br/><span>BLOG</span></a>
          <a href="<?php echo esc_url( home_url( '/recruit' ) ); ?>">採用情報<br/><span>RECRUIT</span></a>
          <a href="<?php echo esc_url( home_url( '/contact' ) ); ?>">お問い合わせ<br/><span>CONTACT</span></a>
        </nav>
        <a href="" class="sp__hamburger">
          <span></span>
          <span></span>
          <span></span>
        </a>
      </div>
    </div>
  </div>
</header>

Comments

[miyabi_pudding]

文法的には全く問題ないと思いますが、
SEO的に大丈夫か？ということを聞きたいのでしょうか？

[Wbegginer]

文法的に問題があるかないかを伺いたかったです。

Answer 1

文法的には問題ないと伺ったので、このまま行こうと思います。