首页 > 编程 > HTML > 正文

html head标签(网页头部标签)元素介绍及完整用法示例

2020-03-24 16:31:51
字体:
来源:转载
供稿:网友
本篇文章介绍了html head各个组成部分,包含了html中head中使用的一些常用标签,后面通过实例向php 的网友们演示了这些标签的使用方法,并有完整的案例展示一个网页的的头部代码。

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 标签的使用方法介绍(附使用实例)

以上就是html head标签(网页头部标签)元素介绍及完整用法示例的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表