当前位置：首页 > news >正文

九、HTML头部＜head＞

news 2026/2/10 15:08:40

一、HTML头部<head>

1、<title>- 定义了HTML文档的标题

使用 <title> 标签定义HTML文档的标题

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>我的 HTML 的第一页</title>
</head><body><p>浏览器中包含body元素的内容。</p><p>浏览器的标题包含title元素的内容</p>
</body></html>

运行结果：

2、<base> - 定义了所有链接的URL

使用 <base> 定义页面中所有链接默认的链接目标地址。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><base href="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" target="_blank">
</head><body><img src="PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为"https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"<br><br><a href="https://www.baidu.com/">百度一下</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为"_blank"。</body></html>

运行结果：

3、<meta> - 提供了HTML文档的meta标记

使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title><meta> - 提供了HTML文档的meta标记</title><meta name="description" content="免费在线教程"><meta name="keywords" content="HTML,CSS,XML,JavaScript"><meta name="author" content="runoob">
</head><body><p>所有 meta 标签显示在 head 部分...</p></body></html>

二、HTML <head> 元素

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

三、HTML <title> 元素

<title> 标签定义了不同文档的标题。

<title> 在 HTML/XHTML 文档中是必需的。

<title> 元素:

定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题

一个简单的 HTML 文档:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>文档标题</title>
</head><body>文档内容......
</body></html>

四、HTML <base> 元素

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:

<head><base href="http://www.runoob.com/images/" target="_blank">
</head>

五、HTML <link> 元素

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

六、HTML <style> 元素

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:

<head>
<style type="text/css">
body {background-color:yellow;
}
p {color:blue
}
</style>
</head>

七、HTML <meta> 元素

meta标签描述了一些基本的元数据。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

八、<meta> 标签- 使用实例

1、为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

2、为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

3、定义网页作者:

<meta name="author" content="Runoob">

4、每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

九、HTML <script> 元素

十、HTML head 元素

九、HTML头部＜head＞

一、HTML头部<head> 1、<title>- 定义了HTML文档的标题使用 <title> 标签定义HTML文档的标题 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>我的 HTML 的第一页</title> </head><b…...

编程日记 2024/1/8 11:41:03

机器学习期末复习

机器学习选择题名词解释：简答题计算题一、线性回归二、决策树三、贝叶斯选择题机器学习利用经验 ，须对以下（）进行分析 A 天气 B 数据 C 生活 D 语言归纳偏好值指机器学习算法在学习的过程中，对以下（&a…...

编程日记 2024/1/8 11:36:59

python-日志模块以及实际使用设计

python-日志模块以及实际使用设计 1. 基本组成日志模块四个组成部分： 日志对象：产生日志信息日志处理器：将日志信息输出到指定地方，例如终端、文件。格式器：在日志处理器输出之前，对信息进行各方面的美化…...

编程日记 2024/1/8 11:35:58

googlecode.log4jdbc慢sql日志，格式化sql

前言无论使用原生JDBC、mybatis还是hibernate，使用log4j等日志框架可以看到生成的SQL，但是占位符和参数总是分开打印的，不便于分析，显示如下的效果: googlecode Log4jdbc 是一个开源 SQL 日志组件，它使用代理模式实…...

编程日记 2024/1/8 11:34:57

Linux程序、进程和计划任务

目录一.程序和进程 1.程序的概念 2.进程的概念 3.线程的概念 4.单线程与多线程 5.进程的状态二.查看进程信息相关命令： 1.ps：查看静态进程信息状态 2.top：查看动态进程排名信息 3.pgrep：查看指定进程 4.pstree&#…...

编程日记 2024/1/8 11:31:54

【MySQL】索引基础

文章目录 1. 索引介绍2. 创建索引 create index…on…2.1 explain2.2 创建索引create index … on…2.3 删除索引 drop index … on 表名 3. 查看索引 show indexes in …4. 前缀索引4.1 确定最佳前缀长度：索引的选择性 5. 全文索引5.1 创建全文索引 create fulltex…...

编程日记 2024/1/8 11:28:51

精确管理Python项目依赖：自动生成requirements.txt的智能方法

在Python中，可以使用几种方法来自动生成requirements.txt文件。这个文件通常用于列出项目所需的所有依赖包及其版本，使其他人或系统可以轻松地重现相同的环境。下面是几种常见的方法： 使用pip freeze： 这是最常见的方法。pip free…...

编程日记 2024/1/8 11:24:48

JavaWeb基础（1）- Html与JavaScript(JavaScript基础语法、变量、数据类型、运算符、函数、对象、事件监听、正则表达式)

JavaWeb基础（1）- Html与JavaScript(JavaScript基础语法、变量、数据类型、运算符、函数、对象、事件监听、正则表达式) 文章目录 JavaWeb基础（1）- Html与JavaScript(JavaScript基础语法、变量、数据类型、运算符、函数、对象、事件…...

编程日记 2024/1/8 11:21:45

java SSM体育器材租借管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计

一、源码特点 java SSM体育器材租借管理系统是一套完善的web设计系统（系统采用SSM框架进行设计开发，springspringMVCmybatis），对理解JSP java编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要…...

编程日记 2024/1/8 11:19:42

西电期末1030.函数的最大值

一.题目二.分析与思路函数打擂台，注意数据类型和保留精度三.代码实现 #include<bits/stdc.h>//万能头 double f(double x,double a){return a*x*x-x*x*x; }//f(x) int main() {double a;scanf("%lf",&a);double max-1000001;//打擂台for(…...

编程日记 2024/1/8 11:18:41

在Docker中安装Tomact

目录前言： 一.安装Tomact 查找指定的tomact版本下载tomact9.0 查看该镜像是否安装成功安装成功之后就开始运行镜像了 ps（用于列出正在运行的Docker容器） 编辑测试(虚拟机ip:8080) 编辑解决措施编辑完成以上步骤&…...

编程日记 2024/1/8 11:09:34

【书生大模型00--开源体系介绍】

书生大模型开源体系介绍 0 通用人工智能1 InternLM性能及模型2 从模型到应用大模型成为目前很热的关键词，最热门的研究方向，热门的应用；ChatGPT的横空出世所引爆，快速被人们上手应用到各领域； 0 通用人工智能相信使…...

编程日记 2024/1/8 11:08:33

基于GPT-3、ChatGPT、GPT-4等Transformer架构的自然语言处理

文章目录一、内容简介二、前言2.1 Transformer 模型标志着AI 新时代的开始2.2 Transformer 架构具有革命性和颠覆性2.3 Google BERT 和OpenAI GPT-3 等Transformer 模型将AI 提升到另一个层次2.4 本书将带给你的“芝士”2.5 本书面向的读者三、本书内容简介3.1 第一章3.2 第二…...

编程日记 2024/1/8 11:06:30

一款开源的MES系统

随着工业4.0的快速发展，制造执行系统（MES）成为了智能制造的核心。今天，将为大家推荐一款开源的MES系统——iMES工厂管家。什么是iMES工厂管家 iMES工厂管家是一款专为中小型制造企业打造的开源MES系统。它具备高度的可定制性和灵…...

编程日记 2024/1/8 11:04:29

https配置证书

HTTPS 基本原理 https 介绍 HTTPS（全称：HyperText Transfer Protocol over Secure Socket Layer），其实 HTTPS 并不是一个新鲜协议，Google 很早就开始启用了，初衷是为了保证数据安全。国内外的大型互联网…...

编程日记 2024/1/8 11:03:28

图神经网络｜10.4 GCN 变换原理的解读

由9.3-邻接矩阵的变换可知，理解矩阵通过两个度矩阵的逆进行归一化。微观上看， a i j a_{ij} aij这个元素将会乘上 1 d e g ( v i ) d e g ( v j ) \frac{1}{\sqrt{deg_(v_i)\sqrt{deg(v_j)}}} deg(vi)deg(vj) 1 其现实意义如下—— 比如…...

编程日记 2024/1/8 10:59:24

计算机组成原理 I/O方式

I/O 方式 I/O方式分类: 程序查询方式。由 CPU通过程序不断查询 /O 设备是否已做好准备，从而控制0 设备与主机交换信息程序中断方式。只在 I/0 设备准备就绪并向 CPU发出中断请求时才予以响应。DMA方式。主存和 I/O 设备之间有一条直接数据通路，当主存和…...

编程日记 2024/1/8 10:56:22

VMWare网络配置

1、通用配置选择自动，相对与选择指定网卡，能解决网卡更换导致网络不可用的问题。 2、每个虚拟机配置...

编程日记 2024/1/8 10:55:21

opencv期末练习题（3）附带解析

创建黑色画板，并支持两种画图功能 import mathimport cv2 import numpy as np """ 1. 创建一个黑色画板 2. 输入q退出 3. 输入m切换画图模式两种模式，画矩形和画圆形。用户按住鼠标左键到一个位置然后释放就可以画出对应的图像 "&qu…...

编程日记 2024/1/8 10:53:19

51单片机之LED灯

51单片机之LED灯 🌴前言：🏮点亮LED灯的原理💘点亮你的第一个LED灯💘点亮你的八个LED灯 📌让LED灯闪烁的原理🎽 LED灯的闪烁🏓错误示范1🏓正确的LED闪烁代码应该是这样&am…...

编程日记 2024/1/8 10:52:18

MPNet：旋转机械轻量化故障诊断模型详解python代码复现

目录一、问题背景与挑战二、MPNet核心架构 2.1 多分支特征融合模块（MBFM） 2.2 残差注意力金字塔模块（RAPM） 2.2.1 空间金字塔注意力（SPA） 2.2.2 金字塔残差块（PRBlock） 2.3 分类器设计三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...

编程新知 2026/2/7 5:16:28

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

蓝桥杯 2024 15届国赛 A组儿童节快乐

P10576 [蓝桥杯 2024 国 A] 儿童节快乐题目描述五彩斑斓的气球在蓝天下悠然飘荡，轻快的音乐在耳边持续回荡，小朋友们手牵着手一同畅快欢笑。在这样一片安乐祥和的氛围下，六一来了。今天是六一儿童节，小蓝老师为了让大家在节…...

编程新知 2025/12/5 2:40:04

大语言模型如何处理长文本？常用文本分割技术详解

为什么需要文本分割？引言：为什么需要文本分割？一、基础文本分割方法1. 按段落分割（Paragraph Splitting）2. 按句子分割（Sentence Splitting）二、高级文本分割策略3. 重叠分割（Sliding Window）4. 递归分割（Recursive Splitting）三、生产级工具推荐5. 使用LangChain的…...

编程新知 2025/11/18 0:32:13