这篇文章个人觉得很受用,故仔细翻译了一下,有些地方可能翻译的不好,请见谅!
翻译后发现貌似已经有人翻译过,但是翻译的水平就有点。。。。。那篇文章中不仅忽略了知识点,并且出现了明显的语义和语法错误,有一定的误导作用,所以请务必重新阅读老高的翻译。文章中容易出错的地方老高已经注释(在文章中以【】标出)。
如需转载,请注明出处!
**web开发者在发布你的作品前需要考虑的技术细节 What technical details should a programmer of a web application consider before making the site public!**
原文地址: 来自stackexchange.com quora的回答
rel="nofollow"
属性,以避免SEO作弊。favicon.ico
在服务器的根目录,就算html里没有提到他,浏览器也会自动请求他。如果你没有一个favicon.ico
,那么会导致很多的404错误,并浪费带宽。www.phpgao.com/technical_details.html
,而不用www.phpgao.com/index.php?p=XXX
。./#!page=1
变为?_escaped_fragments_=page=1
。同时,针对使用火狐beta4或者Chrome浏览器的用户,使用history.pushState({"foo":"bar"}, "About", "./?page=1");
,是一个不错的选择。这样的话即使浏览器的地址栏有变化,但是页面不会重新加载。这样就允许你使用?
代替#
以保留动态内容,同时告诉服务器当你通过邮件发送的链接到底是什么页面,同时 ajax不需要额外的请求。【这一段如果看不懂:请参考URL的井号】/sitemap.xml
。<link rel="canonical" ...][60] />
指出你需要强调的页面,这个问题可以在[Google Webmaster Tools被找到。normalize.css
.