The 404 pages of large websites at home and abroad are summarized. These pages have been implemented by myself, though this process is a bit boring, but I learned a lot from other people's code, after all, as TJ said:
I don't read books, never went to school, I just read other people's code and always wonder how things work.
The following will bring you a taste of what large websites at home and abroad and GitHub on some idlers 404 page appearance, don't always think this page is a capital of 404 came to an end, the details determine success or failure!
The 404 page styles of foreign websites are quite different, some of them are full of technology, some of them are strong selling Meng, and some even paste the code directly. But one important thing is that even 404 pages must match your website style.
作为全球第一搜索引擎,google的404页面很注重用户体验,同时为了减小html文件体积,能省的样式基本上都省了,同时运用了无障碍标签"aria-label",在响应式上也做了一些工作
youtube的404页面竟然嵌入了宽高都是100%的iframe,不知道为什么,难道是反爬虫?不过和google相比,youtube的css文件有点大了,很多无用的样式,从文件的命名上可以看到,对文件进行了压缩和哈希编码
不知道为什么,汉字会显示乱码,在下面的Demo链接可以看到
facebook的404页面功能太多了,有点麻烦,以后有时间再搞。。
github上面的"闲人"真不少啊。。