HTML <head>最佳做法

Luk*_*uke 24 html meta-tags

<meta>标记和其他东西,你可以在这个地方<head>你的HTML文档.<meta>您在HTML文档中使用了哪些标记等和最佳实践,以使其更易于访问,搜索,优化等.

and*_*dyk 17

就我而言:

  • 标题(应该[部分名称 - 网站名称]为更好的SEO)
  • Meta标记的Content-type,descriptionkeywords
  • 链接到样式表(不要忘记指定media="").
  • <script> 标记链接到外部JavaScript文件.

所有标签都应遵循W3C的标准.W3C的网站有更多的技术和细节部分对HTML <head>部分.


kan*_*gax 8

安装Chrome Frame时,请帮助您的用户并将其IE引擎切换到Chrome 浏览器 :)

<meta http-equiv="X-UA-Compatible" content="chrome=1">
Run Code Online (Sandbox Code Playgroud)


小智 5

您需要在BODY元素关闭之前将SCRIPT元素放在页面的末尾.有关详细信息,请参阅http://developer.yahoo.com/performance/rules.html#js_bottom.


ale*_*lex 5

除了通常的文档类型,标题等,我会尝试为您提供一些我学到并实施的可能对您有所帮助的内容.

首先,请记住,为获得最佳用户体验,标题应首先具有最相关的子部分.这是因为它通常显示在标题栏/选项卡列表/书签名称中.考虑这个页面标题......

Stack Overflow - HTML head best practices
Run Code Online (Sandbox Code Playgroud)

成为Stack Overflow ...(在标签栏/书签列表中保存空间)

现在,如果您打开了5个Stackoverflow标签(我经常这样做:P),那么用户将如何知道哪个是哪个?

还要注意CSS的级联性质......所以这些顺序很重要.与Javascript相同,必须允许对其他外部站点的任何依赖.我把我的脑袋放在头上,并没有发现性能下降.我把它们放在那里因为它对我来说看起来更整洁和合乎逻辑.虽然其他人会建议<script src="">在之前放置链接,</body>因此浏览器不会暂时停止...只需使用最适合您网站的任何内容.

另外,使用'general'让我们的Net Filtering软件对'评级'的Meta标签知道您的网站对所有年龄段的观众都是安全的(当然,只要它是!)

我也用..

<link rel="start" href="/" title="Home" />
Run Code Online (Sandbox Code Playgroud)

让浏览器知道我的网站的主页在哪里.对于任何浏览器预取系统,虽然我认为这些尚未由浏览器实现,没有插件的帮助.

<link rel="">如果您的网页按顺序排列,也请考虑"下一个"和"上一个" .