HTML中的<head>标签及其内容的详细介绍

head

title

base

meta

link

立即学习“前端免费学习笔记(深入)”;

script

style

标签用于定义文档的头部,它是所有头部元素的容器。

中的元素可以:
引用脚本
指示浏览器在哪里找到样式表
提供元信息
等等
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:, , , , , </strong>。</p> <h2><title>

定义文档的标题,它是 head 部分中唯一必需的元素。

我的第一个HTML页面

body 元素的内容会显示在浏览器中。

title 元素的内容会显示在浏览器的标题栏中。

登录后复制登录后复制

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括 、<img alt="HTML中的标签及其内容的详细介绍” >、、

@@##@@

图像的地址为相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:

"D:pic/2025-04-01/https://cdn.chuangxiangniao.com/2025/04/20250401095615354.gif"



W3School

请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。

登录后复制登录后复制

必需的属性:href

href,值为URL,规定页面中所有相对链接的基准URL。

可选的属性:target

target,值为_blank、_parent、_self、_top、framename等,表明在何处打开页面中所有的链接。比如”_blank”意为在新窗口中打开。

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。元数据总是以“名称/值”的形式被成对传递的。

标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的“名称/值”对。


登录后复制登录后复制

必需的属性:content

content,值为一些文本,定义了与http-equiv或name属性相关的元信息。元数据总是以名称/值的形式被成对传递的。

eg:


登录后复制登录后复制登录后复制登录后复制

主要的可选属性:http-equivname

http-equiv,值为content-type、expires、refresh、set-cookie等,把 content 属性关联到 HTTP 头部。

http-equiv 属性为“名称/值”对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的报文头部包含“名称/值”对。
eg:


登录后复制登录后复制登录后复制登录后复制

重定向(用于网页搬家):


登录后复制登录后复制登录后复制登录后复制

描述关键词:


登录后复制登录后复制

name,值为author、description、keywords、generator、revised、others等,把 content 属性关联到一个名称。

HTML 和 XHTML 标签都没有指定任何预先定义的  名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
eg:


登录后复制登录后复制登录后复制登录后复制

链接一个外部样式表。属于在HTML中插入CSS样式表的三种方法之一。


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

的主要属性:hrefreltypecharset

charset,指明被链接文档的字符集,如UTF-8。但是几乎没有主流浏览器支持 link标签的charset 属性。

在下面的例子中,charset 属性指示被链接文档是用英文编写的:


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

href,规定被链接文档的位置(URL)。

这个不解释了。

rel 属性指示被链接的文档是一个样式表。它的属性值只有 “stylesheet” 得到了所有浏览器的支持。其他值只得到了部分地支持。


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。

直接包含脚本语句

document.write("

Hello World!") 

登录后复制登录后复制

通过 src 属性指向外部脚本文件


登录后复制登录后复制

必需的属性:type

type,规定脚本的 MIME 类型。

对于不支持脚本的浏览器:

nbsp;html>document.write("Hello World!")Sorry, your browser does not support JavaScript!

不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。

登录后复制登录后复制

标签用于为 HTML 文档定义样式信息。

在HTML中插入CSS样式表的另外两种方法都是通过style完成的——内部样式表、内联样式。只不过内部样式表用的是style标签,内联样式用的是style属性。

内联样式

This is a paragraph.

登录后复制登录后复制

内部样式表

h1 {color: red}p {color: blue}

header 1

A paragraph.

登录后复制登录后复制

也可以通过“、<img alt="HTML中的标签及其内容的详细介绍” >、、

nbsp;html>#liuhaibo{text-align:center;color:red;} 

Hello World!

This paragraph is not affected by the style.

登录后复制登录后复制

必需的属性:href

href,值为URL,规定页面中所有相对链接的基准URL。

可选的属性:target

target,值为_blank、_parent、_self、_top、framename等,表明在何处打开页面中所有的链接。比如”_blank”意为在新窗口中打开。

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。元数据总是以“名称/值”的形式被成对传递的。

标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的“名称/值”对。

nbsp;html>.center{text-align:center;}

标题居中

段落居中。

 

登录后复制登录后复制

必需的属性:content

content,值为一些文本,定义了与http-equiv或name属性相关的元信息。元数据总是以名称/值的形式被成对传递的。

eg:

nbsp;html>p.center{text-align:center;}

This heading will not be affected

This paragraph will be center-aligned.

 

登录后复制登录后复制

主要的可选属性:http-equivname

http-equiv,值为content-type、expires、refresh、set-cookie等,把 content 属性关联到 HTTP 头部。

http-equiv 属性为“名称/值”对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的报文头部包含“名称/值”对。
eg:

这是一个链接!

登录后复制登录后复制

重定向(用于网页搬家):

我的第一个HTML页面

body 元素的内容会显示在浏览器中。

title 元素的内容会显示在浏览器的标题栏中。

登录后复制登录后复制

描述关键词:

@@##@@

图像的地址为相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:

"D:pic/2025-04-01/https://cdn.chuangxiangniao.com/2025/04/20250401095615354.gif"



W3School

请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。

登录后复制登录后复制

name,值为author、description、keywords、generator、revised、others等,把 content 属性关联到一个名称。

HTML 和 XHTML 标签都没有指定任何预先定义的  名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
eg:


登录后复制登录后复制

链接一个外部样式表。属于在HTML中插入CSS样式表的三种方法之一。


登录后复制登录后复制登录后复制登录后复制

的主要属性:hrefreltypecharset

charset,指明被链接文档的字符集,如UTF-8。但是几乎没有主流浏览器支持 link标签的charset 属性。

在下面的例子中,charset 属性指示被链接文档是用英文编写的:


登录后复制登录后复制登录后复制登录后复制

href,规定被链接文档的位置(URL)。

这个不解释了。

rel 属性指示被链接的文档是一个样式表。它的属性值只有 “stylesheet” 得到了所有浏览器的支持。其他值只得到了部分地支持。


登录后复制登录后复制登录后复制登录后复制

type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。


登录后复制登录后复制

标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证”和“class选择器”进行:

id选择器


登录后复制登录后复制登录后复制登录后复制

class选择器


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

你也可以指定特定的、<img alt="HTML中的标签及其内容的详细介绍” >、、


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

必需的属性:href

href,值为URL,规定页面中所有相对链接的基准URL。

可选的属性:target

target,值为_blank、_parent、_self、_top、framename等,表明在何处打开页面中所有的链接。比如”_blank”意为在新窗口中打开。

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。元数据总是以“名称/值”的形式被成对传递的。

标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的“名称/值”对。


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

必需的属性:content

content,值为一些文本,定义了与http-equiv或name属性相关的元信息。元数据总是以名称/值的形式被成对传递的。

eg:


登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

主要的可选属性:http-equivname

http-equiv,值为content-type、expires、refresh、set-cookie等,把 content 属性关联到 HTTP 头部。

http-equiv 属性为“名称/值”对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的报文头部包含“名称/值”对。
eg:

document.write("

Hello World!") 

登录后复制登录后复制

重定向(用于网页搬家):


登录后复制登录后复制

描述关键词:

nbsp;html>document.write("Hello World!")Sorry, your browser does not support JavaScript!

不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。

登录后复制登录后复制

name,值为author、description、keywords、generator、revised、others等,把 content 属性关联到一个名称。

HTML 和 XHTML 标签都没有指定任何预先定义的  名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
eg:

This is a paragraph.

登录后复制登录后复制

链接一个外部样式表。属于在HTML中插入CSS样式表的三种方法之一。

h1 {color: red}p {color: blue}

header 1

A paragraph.

登录后复制登录后复制

的主要属性:hrefreltypecharset

charset,指明被链接文档的字符集,如UTF-8。但是几乎没有主流浏览器支持 link标签的charset 属性。

在下面的例子中,charset 属性指示被链接文档是用英文编写的:

nbsp;html>#liuhaibo{text-align:center;color:red;} 

Hello World!

This paragraph is not affected by the style.

登录后复制登录后复制

href,规定被链接文档的位置(URL)。

这个不解释了。

rel 属性指示被链接的文档是一个样式表。它的属性值只有 “stylesheet” 得到了所有浏览器的支持。其他值只得到了部分地支持。

nbsp;html>.center{text-align:center;}

标题居中

段落居中。

 

登录后复制登录后复制

type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。

nbsp;html>p.center{text-align:center;}

This heading will not be affected

This paragraph will be center-aligned.

 

登录后复制登录后复制

标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证使用class。
在以下实例中, 所有的 p 元素使用 class=”center” 让该元素的文本居中,而h1则不可以。

这是一个链接!

登录后复制登录后复制

必需的属性:type

type,唯一可能的值是“text/css”,规定样式表的 MIME 类型。

也可以通过style标签创建一个没有下划线的链接:

以上就是HTML中的标签及其内容的详细介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196490.html

(0)
上一篇 2025年4月1日 03:02:50
下一篇 2025年4月1日 03:03:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html、css容易被忽略的小知识点_html/css_WEB-ITnose

    都说前端容易,谁说的。前端上手快,越往后学习越困难。学习前端快一年了,依然发现一些小的知识点不会。这些经验性的东西不碰到永远学不会。 (1)title前面的logo。 就像这个编辑文章前面的logo。不知道大家知不知道这个图标是如何加载过来…

    编程技术 2025年4月4日
    100
  • html节点属性操作

    nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> …

    编程技术 2025年4月4日
    200
  • html教程:用tabIndex轻松实现网页导航

    最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[tab]键移到下一栏;当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中。我用鼠标将光标移到正确的文本栏中,但不久[tab]键又再次出现问题。这一情形使我想了解一下页面设计,以及t…

    编程技术 2025年4月4日
    200
  • html教程:WEB标准从头开始_DOCTYPE声明

    在较早之前的网页上,我们经常可以看到如下的网页结构代码: 这是一个网页 …… 立即学习“前端免费学习笔记(深入)”; …… 立即学习“前端免费学习笔记(深入)”; 很显然的,这种结构的网页代码是不符合Web标准规范的,但是浏览器仍然可以很好…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第一课

    在讲授第一课的时候,首先要给大家表明的一个概念是:我们学习的是一门语言,而不是一个编译工具,所以我们要习惯在编写程序的时候忽略编译工具的概念,因为只有忽略了编译工具,才能真正意义上的明白一门语言的精髓在哪里,也才能真正掌握一门语言到底是怎么…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第三课

    经过前面两课的学习,不知道你们对于什么是html有没有了一定程度上的了解,今天的第三课算是第一阶段的一个总结,会加入一点新的内容,但是更多的是会做总结,好了,废话不说了,进入今天的课程吧!在前两课的基础上,这一课主要是加入了一个插入图片的问…

    编程技术 2025年4月4日
    200
  • 一步步学习html—-第四课

    这一课我们主要讲解一下链接的问题:这个也可以定义为超文本链接,标签则是这个标签的全称是anchor,中文意思是锚;例子:http://www.baidu.com”>click!在网页上就会出现一个链接,其文本表现形式就是正…

    编程技术 2025年4月4日
    200
  • HTML的分段与换行代码说明

    在网页的排版中,经常会对文本进行分段和换行的操作,这两种操作由 标签 和标签来实现。 1、 -段落标签 p是英文单词“paragraph”的首字母,用来定义网页中的一段文本, 一般是成对出现。 2、-换行标签 br是英文单词“break”的…

    编程技术 2025年4月4日
    200
  • HTML的标题设置代码

    在word文档中,标题往往都需要格外醒目,例如加粗字体较大等。同样地在html文档中也可以设置标题以同样的格式显示。 我们可以用html标题标签来设置标题,一共有6个标题标签,从 到 ,数字越小,级别越高,文字也相应越大。 下面通过实例介绍…

    编程技术 2025年4月4日
    200
  • HTML的列表代码说明

    在编辑文档时,有时希望某些内容以列表形式显示出来,是其结构化和条理化。在html文档中,html列表标签主要分为序号列表和项目列表,前者是每个列表项都有个数字编号,后者则在每个列表项前有个圆点符号。 1、序号列表(也称为有序列表) 序号列表…

    编程技术 2025年4月4日
    200

发表回复

登录后才能评论