Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML <head> 部分介绍

HTML <head> 部分介绍

原创
作者头像
用户9693436
发布于 2022-04-30 07:10:31
发布于 2022-04-30 07:10:31
86300
代码可运行
举报
文章被收录于专栏:office安装教程office安装教程
运行总次数:0
代码可运行

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文档中所有的链接标签的默认链接:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>

HTML <link> 元素

<link> 标签定义了文档与外部资源之间的关系。

<link> 标签通常用于链接到样式表:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML <style> 元素

<style> 标签定义了HTML文档的样式文件引用地址.

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> 元素

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

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

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

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

<meta> 一般放置于 <head> 区域

<meta> 标签- 使用实例

为搜索引擎定义关键词:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<meta http-equiv="refresh" content="30">

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【Web前端】理解 HTML 头部:从基础到进阶
网页开发中,HTML 的头部(<head> 部分)扮演着至关重要的角色。虽然不像 <body> 部分那样显眼,但头部包含了网页的许多关键元素,对网页的功能性和表现有着直接的影响。
一条晒干的咸鱼
2024/11/19
5710
【Web前端】理解 HTML 头部:从基础到进阶
HTML <head>
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
用户8442333
2021/08/21
2.3K0
HTML(初级)笔记
元素 + "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思. + 但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签, + 元素组成:起始标签+元素内容+结束标签
Yuyy
2022/09/19
7390
HTML(初级)笔记
03.HTML头部/CSS/图像/表格/列表
HTML <head> 查看在线实例 <title> - 定义了HTML文档的标题 使用 <title> 标签定义HTML文档的标题 <base> - 定义了所有链接的URL 使用 <base> 定义
Java帮帮
2018/03/15
20.2K0
03.HTML头部/CSS/图像/表格/列表
【前端】HTML标签
本文主要在初学HTML时,对常用标签做一些记录。主要是标签的使用,以及效果展示。目的在于有个大概的认识:有什么标签?能做什么?
Gavin-ZYX
2019/03/04
2.2K0
【前端】HTML标签
HTML基础复习(一)
HTML:超文本标记语言(HyperText Markup Language),不是一种编程语言,是标记语言 HTML元素: <p>段落</p> HTML标签: <p>段落</p> HTML声明:<!DOCTYPE>并不是标签 HTML5:<!DOCTYPE html> HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Tr
用户1667431
2018/04/18
9960
HTML之文本格式化、链接、头部、CSS(笔记小结)
②内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS;
虫无涯
2023/02/07
1.2K0
2.HTML根部头部主体标签元素介绍
描述: HTML html 元素表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素,所有其他元素必须是此元素的后代。
全栈工程师修炼指南
2023/03/19
1.3K0
2.HTML根部头部主体标签元素介绍
HTML文档结构
初入门的同学就会很好奇,明明代码很多,但是网页里只能看到hello world几个字,其他内容看不到,什么原因呢?
呆呆
2021/09/28
8750
前端课程——HTML概述
CSS 是个缩写形式,其全称为 Cascading Style Sheets,翻译成中文的含义为层叠样式表。
Dreamy.TZK
2020/04/09
9560
HTML是什么?
html就是要告诉浏览器我的某个东西是什么,没错,这就是它的主要功能。html的实质,他就是一种标签,一种人和浏览器交流的标签,我们只有告诉浏览器这是什么,他才能帮助我们显示.
PM吃瓜
2019/08/13
1.9K0
学前端的第一门语言HTML
学前端最终要做的就是制作各种各样的网页,html就相当于网页的骨架,所以我们学习前端的第一步就是先学html,接下来学习什么是html。
呆呆
2021/11/25
1730
【一起来烧脑】一步学会HTML体系
HTML是用来描述网页的一种语言 叫超文本标记语言 HTML不是一种编程语言,而是一种标记语言 一套标记标签
达达前端
2019/07/19
1.3K0
【一起来烧脑】一步学会HTML体系
IT课程 HTML基础 009_Hello HTML
网络,或更具体的说,万维网(World Wide Web)是由很多链接在一起的文档和资源构成的。这些文档和资源是用HTML编写的,它们被称为网页。HTML是网页的基础,定义了网页的结构和内容。
zhaoJian.Net
2024/01/09
1740
IT课程 HTML基础 009_Hello HTML
Day10:html和css
HTML 是用来描述网页的一种语言,超文本标记语言,不是一种编程语言,而是一种标记语言,是一套标记标签,使用标记标签来描述网页。
达达前端
2019/07/03
9580
Day10:html和css
网站开发html_网页基础代码大全
<!DOCTYPE HTML>是文档声明,必须写在HTML文档的第一行,位于<html>标签之前,表明该文档是HTML5文档。
全栈程序员站长
2022/09/20
1.5K0
网站开发html_网页基础代码大全
CSS入门1-认识html之标签
(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)
love丁酥酥
2018/08/27
9470
CSS入门1-认识html之标签
HTML技术入门
本文并没有详细介绍每个知识点,因为官方的文档介绍的更好,建议前往学习(https://www.w3cschool.cn/html/),本文主要记录一些重点内容和细节。
码之有理
2023/02/13
2.6K0
HTML——学习笔记
HTML不是一种编程语言,它是一种超文本标记语言(Hyper Text Markup Language),标记语言是一套标记标签(Markup tag),浏览器通过HTML标记标签来构造描述我们访问的网页。
IMWeb前端团队
2019/12/03
1K0
HTML——学习笔记
《HTML简单入门》
HTML指的是一种超文本标记语言,全称是HyperText Makeup Language。
叶茂林
2023/07/30
3030
《HTML简单入门》
相关推荐
【Web前端】理解 HTML 头部:从基础到进阶
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验