gpt4 book ai didi

javascript - HTML:如何设置带有外部文件引用的网页头部和主体

转载 作者:太空宇宙 更新时间:2023-11-04 03:04:05 24 4
gpt4 key购买 nike

我是 HTML 和编程的新手,希望有人能帮助我。

我已经为我的网站的第一页编写了代码,现在准备将它们上传到服务器进行测试。

因此,我想知道我的文档的基本结构是否正确,并希望就以下内容提出一些意见:

  1. 我应该添加或更改有关我的文档头部的任何内容吗?
  2. 我包含外部样式表的方式是否正确?正确的位置 + 在此处以 "/" 开始 href 是否正确?
    (我读到 CSS 应该在 JS 之前包含,因为更好的表现。)
  3. 我是否以正确的方式包含外部 JS 和 jQuery 引用并且在正确的位置?
    (我读到 JS 应该包含在主体的末尾以获得更好的性能。)

注意事项:我网站的所有 PHP/HTML 页面都作为单独的文件保存在同一文件夹中。此文件夹还包含一个子文件夹 "includes",其中保存了我的样式表和函数文件。

我的 HTML 结构:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="John Doe" />
<meta name="description" content="Created: 2015-06" />

<base href="http://www.myURL.com/" target="_self" />

<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="includes/styles.css" />
<!-- CSS - Font Awesome -->
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />

<title>My Page</title>
</head>

<body>
<!-- ... -->
<footer class="footer">
<!-- ... -->
</footer>

<!-- JavaScript -->
<script src="includes/functions.js" type="text/javascript"></script>
</body>
</html>

非常感谢,迈克

最佳答案

  1. 看起来不错。只是一些小事:

    • 您应该添加 <meta http-equiv="X-UA-Compatible" content="IE=edge">以确保您不会遇到任何 MSIE 兼容模式问题。

    • 您可以在头部添加网站图标定义。

  2. 是的,样式表属于头部。 href 取决于您存储 css 文件的位置。

    • 如果您想将样式表包含在与 HTML 文件相同的文件夹中,请使用 href="styles.css"
    • 如果您想在另一个文件夹中包含样式表,例如[css] 文件夹,使用 href="css/styles.css"
    • 如果您在不同的文件夹中有 HTML 文件并且您不想一直为每个 HTML 文件重写 href,您可以 href 以斜线开头以指示搜索应该从服务器的“根”开始,例如href="/css/styles.css"
  3. 将您的 JS(包括 jQuery)ALL 移动到页面底部,就在结束 body 标记之前。除非有非常充分的理由说明您需要在页面开始显示之前运行 JS,否则您不应该在头部使用 JS。

有很多东西要学,但它会非常有趣和有益。希望您有一个愉快的编程体验。 :)

关于javascript - HTML:如何设置带有外部文件引用的网页头部和主体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30818830/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com