整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

百度首页-HTML代码

lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>nw百度首页</title>

<style>

.w1, .w2, .w3, .w4, .w5, .w6 {

width: auto;

}

.bk {

border: 1px solid red;

width: auto;

}

.w1 {

height: 46px;

}

.w1_1 {

width: 463px;

height: 46px;

float: right;

}

.w1_2 img {

margin-top: 15px;

margin-left: 391px;

}

.w2 {

height: 201px;

}

.w2 img {

margin-top: 90px;

margin-left: 690px;

}

.w3 {

height: 35px;

margin-left: 480px;

}

.w3_2 img {

position: relative;

right: 36px;

top: -5px;

}

.w4 {

height: 337px;

}

.w5 {

height: 64px;

}

.w5_1, .w5_2, .w5_3, .w5_4, .w5_5 {

float: left

}

.w5_1 {

font-size: 12px;

margin-left: 480px;

width: 642px;

}

.w5_2 {

}

.w5_3 p {

width: 93px;

margin-left: 8px;

line-height: 20px;

}

.w5_4 {

}

.w5_5 {

line-height: 22px;

}

.w5_5 p {

width: 93px;

margin-left: 8px;

line-height: 20px;

}

.w5_6{line-height:19px;}

.w5_6_1 span{margin-right:11px;}

ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}

li {

float: left;

margin-right: 20px;

margin-top: 24px;

font-size: 13px;

font-weight: bold;

}

a {

color: #333333

}

</style>

</head>

<body style="margin:0px auto;">

<div class="w1">

<div class="w1_1 ">

<ul>

<li><a href="">糯米</a></li>

<li><a href="">新闻</a></li>

<li><a href="">hao123</a></li>

<li><a href="">地图</a></li>

<li><a href="">视频</a></li>

<li><a href="">贴吧</a></li>

<li><a href="">登录</a></li>

<li><a href="">设置</a></li>

</ul>

<p class="wl_2"><img src="images/111.jpg" alt=""> </p>

</div>

<p></p>

</div>

<div class="w2"><img src="images/222.jpg" alt=""></div>

<div class="w3 ">

<div class="w3_1">

<div class="w3_2">

<input style="width:536px;height:35px;border:1px solid #ccc; position: relative;

top:-13px" type="text">

<img src="images/333.jpg" alt=""> <img src="images/444.jpg" alt="" style="position:relative;left:-33px; top:0px" ;=""></div>

</div>

</div>

<div class="w4"></div>

<div class="w5 ">

<div class="w5_1">

<div class="w5_2" ><img src="images/555.jpg" alt="" style="display:block; float:left" ></div>

<div class="w5_3" >

<p > <b style="color:#666666;">手机百度</b><span style="color:#999999; display:block ">快人一部</span> </p>

</div>

<div class="w5_4 "><img src="images/666.jpg" alt="" style="display:block;" ></div>

<div class="w5_5 ">

<p > <b style="color:#666666; font-weight:bold; ">百度糯米</b><span style="color:#999999; display:block ">一元大餐</span> </p>

</div>

<div class="w5_6">

<div class="w5_6_1"> <span>把百度设为主页</span> <span>关于百度</span> <span>About Baidu</span> <span>百度推广</span> </div>

<div class="w5_6_2">?2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号 </div><img src="images/777.jpg" alt="" style="vertical-align:middle;">

<div class="w5_6_3"><img src="images/888.jpg" alt="" style="vertical-align:middle;">京公网安备11000002000001号</div>

</div>

</div>

</div>

<div class="w6 "></div>

</body>

</html>

国家发生某些重大事件时,我国的门户网站都有将首页变为黑白的习惯。当然,也有一些网站并没有将首页变成黑白,例如抖音。作为一个技术小白,怎么能够在黑白模式下刷这些不听话的网站呢?

首先技术小白并不需要懂代码,只需要简单了解网站的渲染原理。随便搜索几个已经变为黑白页面的网站,使用F12查询网站的源码。在<heda>...<head>中一行一行删除,直至找到能够控制网站变成黑白页面的关键变量。网站有两种渲染形式:前端渲染和后端渲染,我们只需要去copy后端渲染模式下网站的代码即可(因为前端渲染是使用接口传输的,代码对我们来说是隐藏的)。

具体的代码如下:

<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: grayscale(100%);
filter: gray;
}
</style>

随后我们只需要找到没有变为黑白模式的网页(以抖音为例),将上述的代码copy至浏览器elements的<head>...<head>板块,即可快速实现将网站变为黑白的效果。我们就可以愉快地在黑白模式下刷视频了,但前提是不能刷新网页,毕竟我们无法控制网站的服务器。

04页面是什么,有什么作用?

404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

现在大部分开源系统都会为大家考虑到404页面的跳转引导,比如:z-blog/wordpress,都是很不错的开源系统(注意不要用最原始的开源系统,而是采用带有模板的系统)。菜鸟后院网站本身也是wordpress的开源程序,然后我们用robin模板。(花299元拥有和菜鸟后院一样的网站,包括域名和1G阿里巴巴云空间)

页面应该达到什么样的效果才能满足SEO的要求?

搜索引擎使用 http 状态码来识别网页的状态。当搜索引擎获得不正确的链接时,网站应该返回一个状态代码404,告诉搜索引擎放弃索引该链接。如果返回一个200或302状态代码,搜索引擎会对链接进行索引,导致许多不同的链接指向相同的页面内容。结果,搜索引擎对这个网站的信任度大大降低。很多网站存在这个问题,那就是404页面返回的是200或302状态码而不是404状态码。

正确建立404页面的方法是:(仅适合Apache服务器)

  • 在.htaccess 文件中加入代码: ErrorDocument 404 /Error.html
  • 建立一个简单的html404页面命名 Error.html
  • 把 Error.html放置在网站根目录
  • 如果碰到困难,参考本站:错误网页
  • 注意:不要将404错误直接,跳转到网站首页,这将导致首页不被收录,正确的做法是在404页面加上一个返回首页的链接,让用户判断,并选择是否返回首页,或者返回其他页面,这也是用户体验的一种表现,搜索引擎对于这种做法比较友好。
  • /Error.html 前面不要带主域名,否则返回的状态码是302或200状态码。

现在我们购买的虚拟主机一般提供有404页面的制作方法,流程:

1、做一个简单的404页面,命名如:404.html;

2、通过ftp把这个404页面上传到网站根目录;

3、进入虚拟主机管理后台,找到404页面提交的入口,添加以上404页面的地址,如:www.cnbackyard.com/404.html(一般空间服务商都有带着种功能,也可以直接找他们技术客服完成这步操作)

4、输入一个错误的链接进行访问测试,随便输入,比如:www.cnbackyard.com/123.html,如果正确返回到404.html页面,则算正确;

5、使用站长工具(http://tool.chinaz.com/pagestatus),输入任意一个错误网址,检查返回值是否为404。如果返回值是200,代表该主机商设置有误,可以与其技术反馈。

以上操作方法对于一个seo初学者来说,还是有点复杂,同学们可以关注燃灯教育直播课程,参加我们的培训,理解起来会更透彻一点。