Как избежать дублирования контента в bootstrap? - PullRequest
Новая
       32

Как избежать дублирования контента в bootstrap?

0 голосов
/ 11 апреля 2020

На моем веб-сайте я указал номер телефона, и я хотел бы, чтобы номер телефона можно было вызывать на мобильном телефоне. Поэтому я использую код в JSFiddle. Вот ссылка: http://jsfiddle.net/bq9e21Lg/

Ниже приведен фрагмент кода: 

class MyGrid extends React.Component {
     ...
     render() {
      return (
      <div>
        <div className="d-block d-sm-none">
          <a href={"tel:" + this.state.phone}>
            <p className="footer-subheading text-link">{this.state.phone}</p>
          </a>
        </div>
        <div className="d-none d-sm-block">
          <p className="footer-subheading">{this.state.phone}</p>
        </div>
      </div>
);
     }
}

Первая часть отображается на телефоне (номер телефона кликабелен ), а вторая часть отображается на планшете и выше (только число).

Однако, если я буду кодировать таким образом, я получу предупреждение от поисковой системы, в котором будет указано, что у меня есть дублированный контент. Хотелось бы посмотреть, можно ли решить по-другому.

Заранее спасибо.

1 Ответ

0 голосов
/ 29 апреля 2020

Использование реагирует на реагирование позволяет избежать дублирования содержимого, которое дважды отображается на клиенте.

...