Python——Html(HEAD头部)

发布时间 2023-12-25 18:01:41作者: Magiclala

HTML中HEAD头部设置(了解)

在HTML中,<head> 元素是文档的头部部分,通常包含了一些关于文档的元信息和链接到外部资源的标签。以下是一些常见的 <head> 元素中使用的标签及其作用:

  1. <title>:设置网页的标题

    • 设置网页的标题,显示在浏览器的标题栏或标签页上。
    • 示例:
      <head>
          <title>My Web Page</title>
      </head>
  2. <meta>:设置网页编码

    • 提供了一些元信息,如字符集、文档描述、关键词等。
    • 设置网页编码(字符集):
      <meta charset="UTF-8">
    • 描述文档内容:
      <meta name="description" content="A description of my web page.">
    • 设置关键词:
      <meta name="keywords" content="HTML, CSS, JavaScript">
  3. <link>:引入外部CSS文件

    • 用于链接到外部资源,常用于引入样式表(CSS)或图标。
    • 导入CSS文件(引入外部样式表):
      <link rel="stylesheet" type="text/css" href="styles.css">
    • 引入图标:
      <link rel="icon" type="image/png" href="favicon.png">
  4. <style>:统一设置内部CSS样式

    • 用于在文档内部定义样式,包括CSS规则。
    • 示例:
      <style>
          body {
              background-color: #f0f0f0;
              color: #333;
          }
      </style>
  5. <script>:引入JavaScript文件或代码

    • 用于在文档内部或外部引入JavaScript代码。
    • 外部引入:
      <script src="script.js"></script>
    • 内部定义:
      <script>
          // JavaScript code here
      </script>

这些标签和元素一起构成了HTML文档的头部,提供了关于文档的一些基本信息以及引入外部资源的手段。这些元素通常不直接呈现在页面上,而是用于配置和补充文档的结构和行为。

 

小结:

设置网页编码:

<meta charset="utf-8"/>

网页标题:

<title>本网页标题</title>

导入CSS文件:

<link type="text/css" rel="stylesheet" href=".css"/>

CSS代码:

<style type="text/css">嵌入css样式代码</style>

JS文件或代码:

<script >。。。</script>