Description

rel=noopener>https://ru.wikipedia.org/wiki/Средняя_скорость

Средняя ?

### Понимание и Использование Атрибутов `rel= »noopener »` и `rel= »noreferrer »`

В мире веб-разработки существует множество атрибутов, которые могут значительно улучшить безопасность и производительность вашего сайта. Одними из таких атрибутов являются `rel= »noopener »` и `rel= »noreferrer »`. В этой статье мы рассмотрим, что это за атрибуты и как они могут быть полезны для вашего веб-сайта.

#### Что такое `rel= »noopener »` и `rel= »noreferrer »`?

**`rel= »noopener »`** и **`rel= »noreferrer »`** — это атрибуты, которые используются для улучшения безопасности и производительности ссылок в HTML. Они помогают предотвратить потенциальные уязвимости и улучшить взаимодействие страниц на вашем сайте.

– **`rel= »noopener »`**: Этот атрибут защищает объект `window.opener`, который может быть использован для управления открытой вкладкой из новой вкладки. Если вы используете этот атрибут, новая вкладка не будет иметь возможность управлять исходной страницей, что предотвращает возможные злоупотребления скриптами.

– **`rel= »noreferrer »`**: Этот атрибут предотвращает передачу информации о реферере (URL исходной страницы) в новую вкладку. Это помогает защитить конфиденциальность пользователей и предотвратить потенциальные атаки с использованием информации о реферере.

#### как эти атрибуты улучшают безопасность?

1. **Предотвращение злоупотреблений с помощью `window.opener`**: Без атрибута `rel= »noopener »`, новые вкладки могут использовать `window.opener` для взаимодействия с исходной страницей. Это может привести к нежелательным действиям, таким как изменение содержимого исходной страницы или перехват данных.

2. **Защита конфиденциальности с `rel= »noreferrer »`**: Когда вы используете `rel= »noreferrer »`, новая страница не будет получать информацию о реферере, что помогает защитить конфиденциальность пользователей. Это особенно важно для сайтов, которые обрабатывают конфиденциальные данные.

#### Как использовать эти атрибуты?

Если у вас есть текущая версия WordPress, вам не нужно ничего делать — начиная с версии 4.7.4, эта система автоматически добавляет параметр `noopener` к создаваемым ссылкам. Однако, если ваш сайт работает на другой платформе или вы хотите добавить эти атрибуты вручную, вы можете сделать это следующим образом:

« `html
Link
Link
« `

Также можно использовать оба атрибута одновременно:

« `html
Link
« `

#### Заключение

Атрибуты `rel= »noopener »` и `rel= »noreferrer »` являются важными инструментами для повышения безопасности и производительности вашего сайта. Они помогают предотвратить потенциальные уязвимости и защитить конфиденциальность пользователей. Если вы еще не используете эти атрибуты, убедитесь, что у вас установлена последняя версия WordPress или добавьте их вручную в нужные ссылки на вашем сайте.

Если у вас есть дополнительные вопросы или вы хотите узнать больше о веб-разработке и SEO, не стесняйтесь посетить наше сообщество или наши статьи по теме.