Открыть ссылки в новом окне???? КАК СДЕЛАТ???
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Займы онлайн на карту</title> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #0066FF; border-radius: 20px 5px; width: 350px; text-align: center; background-color: #33ADFF; } #navbar li { display: inline; } #navbar a { color: #fff; padding: 5px 10px; text-decoration: none; font-weight: bold; display: inline-block; width: 100px; } #navbar a:hover { border-radius: 20px 5px; background-color: #0066FF; } </style> </head> <body> <ul id="navbar"> <li><a href="#">Телеграмм</a></li> <li><a href="Ссылка">Вконтакте</a></li> </ul> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Займы онлайн на карту</title> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #0066FF; border-radius: 20px 5px; width: 360px; text-align: center; background-color: #73c7ee; } #navbar li { display: inline; } #navbar a { color: #fff; padding: 5px 10px; text-decoration: none; font-weight: bold; display: inline-block; width: 100px; } #navbar a:hover { border-radius: 20px 5px; background-color: #0066FF; } </style> </head> <body> |
2 ответа
от
Ekaterina_90 ,
2 года назад
@GEROME Чтобы открывать ссылки в новом окне или вкладке, вы можете добавить атрибут target="_blank" к вашим HTML-ссылкам. Вот как это может выглядеть в вашем коде:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Займы онлайн на карту</title> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #0066FF; border-radius: 20px 5px; width: 350px; text-align: center; background-color: #33ADFF; } #navbar li { display: inline; } #navbar a { color: #fff; padding: 5px 10px; text-decoration: none; font-weight: bold; display: inline-block; width: 100px; } #navbar a:hover { border-radius: 20px 5px; background-color: #0066FF; } </style> </head> <body> <ul id="navbar"> <li><a href="#" target="_blank">Телеграмм</a></li> <li><a href="Ваша ссылка тут" target="_blank">Вконтакте</a></li> </ul> </body> </html> |
от
brenna ,
5 месяцев назад
@GEROME
Ваш код HTML теперь настроен для открытия ссылок в новом окне или вкладке с использованием атрибута target="_blank". Хорошей практикой также считается добавление атрибута rel="noopener noreferrer" к ссылкам, которые открываются в новом окне, чтобы повысить безопасность. Вот обновлённый пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Займы онлайн на карту</title>
<style>
#navbar {
margin: 0;
padding: 0;
list-style-type: none;
border: 2px solid #0066FF;
border-radius: 20px 5px;
width: 350px;
text-align: center;
background-color: #33ADFF;
}
#navbar li { display: inline; }
#navbar a {
color: #fff;
padding: 5px 10px;
text-decoration: none;
font-weight: bold;
display: inline-block;
width: 100px;
}
#navbar a:hover {
border-radius: 20px 5px;
background-color: #0066FF;
}
</style>
</head>
<body>
<ul id="navbar">
<li><a href="#" target="_blank" rel="noopener noreferrer">Телеграмм</a></li>
<li><a href="Ваша ссылка тут" target="_blank" rel="noopener noreferrer">Вконтакте</a></li>
</ul>
</body>
</html>
|
Добавление rel="noopener noreferrer" предотвращает возможность новому окну (или вкладке) получить доступ к объекту window.opener, что может быть использовано для предотвращения определённых типов атак, таких как манипуляции с первоначальной страницей.
15