ant-design tree 设置默认选中状态_如何正确设置多样性的404页面?

ab2cbc32c325a69c379cb6a4327412da.gif

404页面就是当用户输入了错误的链接时,返回的页面。它的目的是告诉浏览者其所请求的页面不存在、已删除的页面或链接错误,服务器返回的404错误,同时引导用户使用网站其他页面而不是关闭窗口离开。所以404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任。如果站长没有设置404页面,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录。

a24c059a3555edfc9fa4ebebdf314aa4.png

设置404页面的两大好处

1、引导用户不要关闭网站,增强用户体验。

2、防止网站出现死链接。

设计404页面的你可以遵循以下几条原则

1、像门户一样5秒返回首页

8819874d30dc76c47fcd281a9272b40b.png

据观察,像网易、新浪、腾讯这类门户站的错误页面都是一样的,进入错误页面后提示5秒后返回频道首页。

切忌不要进入404错误页面后,立刻返回首页,这些转向都使搜索引擎误以为页面存在,却返回重复内容。

2、像站长之家一样放出“砖家”

68a5ac72d2df3bace06c8a7a8be342bb.png

404页面要保证与自身网站风格类似,让它看上去还是你的站,再来点幽默搞笑的短语,请“砖家”帮你分析,告诉用户迷惑的时候知道他在那里。给错误带上幽默的情节,原来错误也可以很美……

切忌不要把404设置成301重定向到首页,这是对搜索引擎不友好的设置,会让搜索引擎认为网站上有大量与首页内容相同的页面,但可以把错误页面301定向到正确页面。

3、也可以像Yahoo一样,能放的全塞进去

3bc7f72ef2524251118950366f6b75af.png

在404页面尽可能的给出对用户有用的链接,用丰富的内容把用户拉回来,避免过于简单的网页而让用户离开。

尽管内容很多,但最醒目的位置依然显示错误信息,提示用户,要访问的页面不存在。然后,上面加入导航,右边放上广告,下面再挤点图文并茂的文章,这还不够,最下面在仍点导航链接进去,用户想不点都不行啊。

4、还可以放个flash小游戏玩玩

99b98ecd11448ffbdf5afe69a3160539.png

404错误并不可怕,可怕的是默认的“404 Not Found”让用户摸不着头脑,这是怎么了?有些博客的404页面就是用的一段flash小游戏,增加一些娱乐性。

404页面设置方法

1、虚拟空间设置方法

现在的idc提供商基本都提供404设置的功能,直接上传文件设置即可。每个空间商的控制面板都不同,我在这里就不多说了。

2、IIS下设置404页面

在IIS管理器中右键单击要管理的网站,打开IIS管理器-->点击要设置自定义404的网站的属性-->点击自定义错误选项-->选中404页-->选中并打开编辑属性-->设置成 URL --> URL 里填写“/err404.html”-->按确定退出再把做好的err404.html 页面上传到网站根目录下。此处在“消息类型”中一定要选择“文件”或“默认值”,而不要选择“URL”,不然,将导致返回“200”状态码。

3、Apache下设置404错误页面

在.htaccess 文件中加入如下内容即可:ErrorDocument 404 /notfound.php。切记不要使用绝对URL,如果使用绝对URL返回的状态码是“302”+“200”。

4、把404指向一个动态页面

404指向一个动态页面,比如error.asp,如果不在页面里面进行设置,仅仅是返回提示的HTML 代码,将导致页面返回200 状态码,这是不正确的,我们可以在显示完提示内容后,增加语句:Response.Status="404 Not Found" ,这样就保证页面返回404状态码。

404页面设置遵循的理念

1、提供简明的问题描述,消除访客的挫败感。

2、提供合理的解决方案,辅助访客完成访问目标。

3、提供个性化的友好界面,提升访问体验

404对seo的影响

自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回“404”状态码或自定义404错误页面使用Meta Refresh导致返回“302”状态码。正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对搜索引擎这则是相当重要的。

搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。轻则被搜索引擎降权,重则会K掉网站。所以这就需要使用者不要盲目的去简单的使用,而要学会如何正确的使用404页面。

121948a37b4dcc5c815e0c5a7ab5bf81.gif ●  你真的懂404页面设置吗? ●  404 Not Found错误页面的解决方法和注意事项 ●  404 Not Found错误页面是什么? ● linux系统或windows+iis系统设置404页面方法 ●  301永久重定向的设置方法大全

9113fcf2b20fe5345d606b4e46193e65.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ant Design of Vue 的 `a-tree` 组件中,可以通过设置 `defaultCheckedKeys` 属性来设置默认选中的节点。如果想要禁止取消勾选,可以结合 `checkable` 属性和 `onCheck` 事件来实现。 具体来说,可以在 `a-tree` 组件上添加 `defaultCheckedKeys` 和 `checkable` 属性,以及在 `a-tree` 组件上监听 `onCheck` 事件。代码示例如下: ```vue <template> <a-tree :tree-data="treeData" :default-checked-keys="['0-0-0']" :checkable="true" @check="handleCheck" /> </template> <script> export default { data() { return { treeData: [ { title: 'Node1', key: '0-0', children: [ { title: 'Child Node1', key: '0-0-0', disabled: true, // 禁用该节点的勾选 }, { title: 'Child Node2', key: '0-0-1', }, ], }, ], }; }, methods: { handleCheck(checkedKeys, e) { if (e.checked) { // 如果节点被选中,则始终保持勾选状态 this.$refs.tree.setCheckedKeys(checkedKeys); } }, }, }; </script> ``` 在上述代码中,我们设置了 `defaultCheckedKeys` 属性为 `['0-0-0']`,即默认选中 `key` 为 `'0-0-0'` 的节点。同时,我们将 `checkable` 属性设置为 `true`,表示该树形控件是可勾选的。在 `a-tree` 上监听 `onCheck` 事件,当勾选状态发生变化时,我们通过 `setCheckedKeys` 方法将所有节点设置选中状态,以达到禁止取消勾选的目的。需要注意的是,在设置选中状态时,如果不加判断条件,会导致死循环,因此需要判断当前节点是否被选中,只有当节点被选中时才设置勾选状态
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值