Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 这些是否应该<;头>;元素是否以替代顺序或方法呈现?_Html_Meta Tags_Head - Fatal编程技术网

Html 这些是否应该<;头>;元素是否以替代顺序或方法呈现?

Html 这些是否应该<;头>;元素是否以替代顺序或方法呈现?,html,meta-tags,head,Html,Meta Tags,Head,关于以下标题,我有几个问题: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Title</title> <meta name="description" content="content"> <meta name="keywords" content="content"> <meta http-equiv="X-UA-Co

关于以下标题,我有几个问题:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="description" content="content">
<meta name="keywords" content="content">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="canonical" href="http://www.example.com/canonical.php" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="nav.css" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400|Cabin+Condensed:400,700&subset=latin,latin-ext">
<link rel="stylesheet" href="colorbox.css" />
<!--[if lt IE 9]><script src="dist/html5shiv.js"></script><![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.colorbox.js"></script>
<script src="script.js"></script>
</head>

标题
注意:我省略了http:/
https:
协议

  • 元素的顺序是否正确?i、 例如,不确定
    Title
    应该在哪里-在所有元标记之前还是之后

  • 我已经阅读了指南,最好将所有样式表合并为一个,我应该这样做吗

  • 我是否应该尝试将两个本地.js文件合并为一个?如果是,合并内容的顺序是否重要

  • 根据指南,我省略了所有的
    type
    指标(没有
    type=“text/css”
    type=“text/javascript”
    ),即使使用像IE7这样的旧浏览器也可以吗

  • 还有什么我应该注意的吗

  • 你们的订单是典型的,可以接受
  • 合并CSS取决于您如何使用它们。css样式越多,加载页面所需的时间就越长,因此您不想加载太多不必要的css样式。我建议将所有常用样式包含在一个主css样式表(style.css)中,然后可以添加特定于页面的其他css样式表
  • 您的js应该遵循与css相同的概念
  • 我还没听说过,离开type属性可能是最安全的
  • 您应该将脚本文件从页脚标记中主html之后的头部移出。这可以防止主页在脚本加载之前等待加载,特别是在包含jquery这样的大型脚本文件时
    1-
    X-UA-Compatible
    应最靠近
    头部
    标签

    2+3-当您有相对较多的文件(如20个及以上)时,合并css/js文件是一个不错的选择。它主要适用于大型站点。请注意,较旧的浏览器对每页可以加载的js/css文件数量有限制

    4-该指南适用于支持HTML5的浏览器,因此可能一年后,它将成为所有活动浏览器的默认版本。现在你最好保留这些类型


    5-就像@kcdev所写的那样,将js文件放在页脚可以帮助更快地加载页面,但是如果启动一个调用尚未加载的函数的操作,则会导致错误。所以,这取决于你。

    谢谢,你确定5号吗?我敢肯定,网站总是将jquery放在
    head
    标记中……是的,他们通常会将其放在中,但由于浏览器从上到下读取文件,因此需要在加载其余html之前加载整个jquery文件。脚本可以放在文件中的任何位置。最佳做法是将所有脚本放在外部文件和中,但为了改善用户体验,最好将其放在底部。它不一定要在标记中,就在剩下的html之后。