视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
htmlhead标签(网页头部标签)元素介绍及完整用法示例
2020-11-27 15:24:09 责编:小采
文档


本篇文章介绍了html head各个组成部分,包含了html中head中使用的一些常用标签,后面通过实例向Gxl网的网友们演示了这些标签的使用方法,并有完整的案例展示一个网页的的头部代码。

html head标签的定义和用法:

<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

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

提示:应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。

提示:请记住始终为文档规定标题!

HTML<head>标签实例

一个简单的 HTML 文档,带有最基本的必需的元素:

<html>
<head>
 <title>文档的标题</title>
</head>
<body>
 文档的内容... ...
</body>
</html>

html head标签的可选的属性:

profile : URL : 一个由空格分隔的 URL 列表,这些 URL 包含着有关页面的元数据信息。

html head标签的主要内容:

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

head位于html网页的头部,<html>后<body>前的标签,并以<head>开始以</head>结束的一html标签。

html head标签的使用实例:

<!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>认识head标签</title>
 </head>
 <body>
 <h1>欢迎来到PHP中文网</h1>
 </body>
</html>

文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

html head标签中的title标签的实例:

<head>
 <title>hello world</title>
</head>

html head标签中包含的元素:

title,base,link,meta,script,style等常用标签。

html head标签中包含的元素解释:

  • title是网页唯一标题标签 -title标签

  • base是网页默认打开方式声明标签base

  • link是一个链接标签,包括外部css文件引用、js文件引用、favicon.ico图标引用等作用link介绍

  • meta包含广泛的内容标签,如网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。 meta介绍

  • script是引入外部js文件作用

  • style直接嵌入网页的js或css文件标签。

  • 浏览器支持

    所有浏览器都支持 <head> 标签。

    【小编的相关推荐】

    HTML font标签的color属性是什么?fontcolor的用法介绍(附颜色代码表)

    html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)

    下载本文
    显示全文
    专题