seo-optimize-iframe/index.html

116 lines
5.3 KiB
HTML
Raw Permalink Normal View History

2021-11-21 18:47:12 +08:00
<!DOCTYPE html>
<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文zh-cmn-Hans:简体中文 -->
<html lang="zh-cmn-Hans">
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset="utf-8" />
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 网页作者 -->
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<!-- 网站说明 -->
<meta name="description" content="基于SEO网站" />
<!-- 关键字 -->
<meta name="keywords" content="基于SEO网站" />
<!-- 防页面被转码----根据浏览器的屏幕大小自适应的展现合适的效果,同时适合在移动设备和电脑上进行浏览 -->
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<!-- 限制所有的搜索引擎建立网页快照 -->
<meta name="robots" content="noarchive"/>
<!-- 为移动设备添加 viewport -->
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<!-- 控制选项卡颜色,手机端切换软件时 -->
<meta name="theme-color" content="#db5945">
<!-- 禁止 Chrome 浏览器中自动提示翻译 -->
<meta name="google" value="notranslate">
<!-- 添加 favicon icon icon在线制作链接比特虫https://www.bitbug.net/ -->
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<!-- 网站标题 -->
<title>seo框架</title>
<!-- 标签基本样式 -->
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
2021-12-05 20:21:32 +08:00
<!-- swiper轮播 -->
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
2021-11-21 18:47:12 +08:00
<!-- 自定义样式 -->
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<!-- 外部js -->
2021-12-05 20:21:32 +08:00
<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
<!-- <script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script> -->
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 自定义js -->
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 更新js文件版本达到清除js带来的缓存
var scripts = document.getElementsByTagName("script");
for(var i = 0;i < scripts.length; i++){
if(scripts[i].src){
scripts[i].src = scripts[i].src+"?t="+new Date().getTime();
}
}
// 更新css文件版本达到清除css带来的缓存
var csss = document.getElementsByTagName("link");
for(var i = 0;i < csss.length; i++){
if(csss[i].href){
csss[i].href = csss[i].href+"?t="+new Date().getTime();
}
}
</script>
2021-11-21 18:47:12 +08:00
</head>
<body>
2021-12-05 20:21:32 +08:00
<!-- banner轮播图 -->
<div class="banner-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-01.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-01</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-02.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-02</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-03.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-03</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-04.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-04</h1>
</div>
<div class="swiper-slide">
<img src="imgs/secondary/banner/banner-05.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
<h1 class="ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-05</h1>
</div>
</div>
<!--分页器。如果放置在swiper外面需要自定义样式。-->
<div class="swiper-pagination"></div>
</div>
2021-11-21 18:47:12 +08:00
<!-- 头部导航 -->
<header class="header">
<div class="header-content">
<!-- logo seo优化 -->
<div class="logo">
<h1>
<a href="index.html" title="seo框架">
2021-12-05 20:21:32 +08:00
<!-- 图片渲染失败,显示默认图片 onerror="this.src='./imgs/public/小桶龙.png'" -->
2021-11-21 18:47:12 +08:00
<img src="123" height="70" style="margin-right: 6px;" onerror="this.src='./imgs/public/小桶龙.png'" alt="logo图">
<span>SEO框架</span>
</a>
</h1>
</div>
</div>
</header>
<!-- 主体内容 -->
<main class="main">
</main>
<!-- 底部部分 -->
<footer class="footer">
</footer>
</body>
</html>